/* ============================================================
   DREDMARK — Color tokens
   Brand: deep marine navy (from logo) + steel-water accent.
   Amber is a derived safety/industrial accent (see readme).
   ============================================================ */
:root {
  /* --- Navy (primary brand scale, sampled from logo #102040/#15294A) --- */
  --navy-50:  #F2F6FB;
  --navy-100: #E0E8F3;
  --navy-200: #BDCDE6;
  --navy-300: #8BA8D2;
  --navy-400: #5A82BB;
  --navy-500: #335F9E;
  --navy-600: #274C80;
  --navy-700: #1D3A63;
  --navy-800: #15294A; /* core brand navy */
  --navy-900: #0F1E38;
  --navy-950: #0A1426;

  /* --- Steel / water accent (marine cyan-blue) --- */
  --steel-100: #DCF0F7;
  --steel-300: #7CCBE6;
  --steel-400: #3FAED2;
  --steel-500: #1690B8;
  --steel-600: #0F7396;
  --steel-700: #0E5A78;

  /* --- Amber / safety accent (industrial machinery — derived) --- */
  --amber-100: #FBEAC9;
  --amber-300: #F7C875;
  --amber-500: #F0A929;
  --amber-600: #D08A1E;
  --amber-700: #A66B12;

  /* --- Slate neutrals (from logo "GROUP" #505060) --- */
  --slate-50:  #F7F8FA;
  --slate-100: #EEF0F3;
  --slate-200: #DEE1E7;
  --slate-300: #C2C6CF;
  --slate-400: #969BA8;
  --slate-500: #6B7180;
  --slate-600: #515563; /* logo subtitle gray */
  --slate-700: #3C424F;
  --slate-800: #2A2E38;
  --slate-900: #1C1F26;
  --white: #FFFFFF;

  /* --- Semantic palette --- */
  --green-100: #DCEEDD; --green-500: #2E8B4F; --green-700: #1E633A;
  --red-100:   #F7DEDB; --red-500:   #C2412F; --red-700:   #8F2C1F;
  --blue-100:  #DCF0F7; --blue-500:  #1690B8; --blue-700:  #0E5A78;

  /* ============ Semantic aliases ============ */
  /* Brand */
  --brand:            var(--navy-800);
  --brand-strong:     var(--navy-900);
  --brand-soft:       var(--navy-100);
  --accent:           var(--steel-500);   /* links, interactive marine accent */
  --accent-strong:    var(--steel-600);
  --accent-warm:      var(--amber-500);   /* safety / call-to-attention */
  --accent-warm-strong:var(--amber-600);

  /* Text */
  --text-heading:  var(--navy-900);
  --text-body:     var(--slate-800);
  --text-muted:    var(--slate-500);
  --text-subtle:   var(--slate-400);
  --text-on-brand: var(--white);
  --text-on-accent:var(--white);
  --text-link:     var(--steel-600);

  /* Surfaces */
  --surface-page:    var(--slate-50);
  --surface-card:    var(--white);
  --surface-sunken:  var(--slate-100);
  --surface-inverse: var(--navy-800);
  --surface-inverse-2: var(--navy-900);

  /* Borders */
  --border-subtle:  var(--slate-200);
  --border-default: var(--slate-300);
  --border-strong:  var(--slate-400);
  --border-inverse: rgba(255,255,255,0.16);

  /* States */
  --focus-ring:   var(--steel-400);
  --success:      var(--green-500);
  --success-soft: var(--green-100);
  --danger:       var(--red-500);
  --danger-soft:  var(--red-100);
  --warning:      var(--amber-600);
  --warning-soft: var(--amber-100);
  --info:         var(--steel-600);
  --info-soft:    var(--steel-100);
}