/* ============================================================
   COLOR — "Frosted" blue-grey scale + one warm clay accent
   Base palette (Davis Humphries "Frosted"):
     #29353C #44576D #768A96 #AAC7D8 #DFEBF6 #E6E6E6
   Accent: warm clay-orange — the single human note that
   carries emphasis. Used sparingly, on words.
   ============================================================ */
:root {
  /* ---- Frosted neutral ramp (cool blue-grey) ---- */
  --ink-900: #1d272d; /* deepest text ink (derived) */
  --ink-800: #29353c; /* palette base — dark surfaces */
  --slate-700: #374a5c; /* derived bridge */
  --slate-600: #44576d; /* palette slate — strong UI */
  --steel-500: #768a96; /* palette steel — muted text */
  --steel-400: #93a6b1; /* derived — faint text/icons */
  --sky-300: #aac7d8; /* palette sky — accents, fills */
  --sky-200: #c6dbe8; /* derived tint */
  --frost-100: #dfebf6; /* palette frost — sunken wash */
  --fog-100: #e6e6e6; /* palette neutral grey — borders */
  --mist-50: #eef3f7; /* derived cool background */
  --paper: #f7fafc; /* page background, cool white */
  --white: #ffffff;

  /* ---- Warm clay accent ---- */
  --clay-700: #b34a23; /* deep press */
  --clay-600: #c8552c; /* hover / press */
  --clay-500: #e2683c; /* PRIMARY accent */
  --clay-400: #ed8a5e; /* lighter accent / on-dark */
  --clay-200: #f6c9b1; /* soft fill */
  --clay-50: #fbeee6; /* tint wash */

  /* ---- Functional / status (kept cool + restrained) ---- */
  --positive-600: #3f7d6b;
  --positive-100: #e1efea;
  --caution-600: #b07a2e;
  --caution-100: #f4ead7;
  --critical-600: #b14a40;
  --critical-100: #f3e2df;
  --info-600: #44576d;
  --info-100: #dfebf6;

  /* ============================================================
     SEMANTIC ALIASES — reference these in product code
     ============================================================ */

  /* Text */
  --text-strong: var(--ink-900);
  --text-body: var(--slate-700);
  --text-muted: var(--steel-500);
  --text-faint: var(--steel-400);
  --text-on-dark: #eaf2f8;
  --text-on-dark-muted: #a9bdca;
  --text-on-accent: #ffffff;
  --text-accent: var(--clay-600);
  --text-link: var(--clay-600);

  /* Surfaces */
  --surface-page: var(--paper);
  --surface-card: var(--white);
  --surface-sunken: var(--mist-50);
  --surface-wash: var(--frost-100);
  --surface-ink: var(--ink-800);
  --surface-ink-soft: var(--slate-700);
  --surface-accent: var(--clay-500);
  --surface-accent-tint: var(--clay-50);

  /* Frosted glass (translucent layers over imagery/ink) */
  --glass-light: rgba(247, 250, 252, 0.72);
  --glass-light-strong: rgba(247, 250, 252, 0.88);
  --glass-frost: rgba(223, 235, 246, 0.55);
  --glass-ink: rgba(29, 39, 45, 0.55);
  --glass-ink-strong: rgba(29, 39, 45, 0.78);

  /* Borders / dividers */
  --border-subtle: #e7ecf0;
  --border-default: #d6dee4;
  --border-strong: #bcc9d1;
  --border-ink: rgba(255, 255, 255, 0.14);
  --border-accent: var(--clay-500);

  /* Focus ring */
  --ring-accent: rgba(226, 104, 60, 0.38);
  --ring-ink: rgba(68, 87, 109, 0.34);
}