/* SousMeow design tokens: "Cozy Engineering".
   Warm paper surfaces, ink-brown text, terracotta primary, sage success.
   Watercolor accents are soft radial gradients built from these hues. */

:root {
  /* Surfaces */
  --paper: #FAF2E5;          /* page background, warm cream */
  --card: #FFFDF8;           /* raised panels */
  --card-sunken: #F4EAD9;    /* wells, code areas sit darker */
  --ink-surface: #3B2F26;    /* dark panels (prompt block) */

  /* Text */
  --ink: #3E3128;            /* primary text, warm brown-black */
  --ink-soft: #6E5D4E;       /* secondary text */
  --ink-faint: #98866F;      /* hints, timestamps */
  --ink-on-dark: #F7EFE2;

  /* Brand */
  --terracotta: #BC5B32;     /* primary actions */
  --terracotta-deep: #9E4826;
  --terracotta-wash: #F7E3D7;
  --amber: #D98E2B;          /* highlights, stars */
  --amber-wash: #F8ECD4;
  --sage: #5E7E4E;           /* success, approvals */
  --sage-deep: #49653C;
  --sage-wash: #EAF1DF;
  --teal: #2F7D72;           /* links */
  --teal-deep: #24635B;
  --lilac: #8A6FAE;          /* versions, info */
  --lilac-wash: #EFE9F6;
  --clay: #B3402F;           /* errors */
  --clay-wash: #F9E5DF;

  /* Category accents. Muted, parchment-compatible hues so the twelve
     categories each read as distinct without leaving the palette.
     Referenced only through the accent allowlist (Services\Accent). */
  --indigo: #4E5C8C;
  --indigo-deep: #3C4870;
  --indigo-wash: #E6E8F3;
  --slate: #5B6673;
  --slate-deep: #454E59;
  --slate-wash: #E8EAEE;
  --pine: #2F6B50;
  --pine-deep: #234F3B;
  --pine-wash: #DFEBE3;
  --ochre: #A9791F;
  --ochre-deep: #855F16;
  --ochre-wash: #F1E7CC;
  --plum: #7C4A6B;
  --plum-deep: #613A54;
  --plum-wash: #EEE1EA;
  --moss: #6C7A3C;
  --moss-deep: #55602F;
  --moss-wash: #E9EDD9;

  /* Money & Major Decisions — deep teal / slate-blue; calm and grounded */
  --harbor: #3A6B7C;
  --harbor-deep: #2C5260;
  --harbor-wash: #E4EEF1;

  /* Lines and shadows */
  --line: #E9DBC5;
  --line-strong: #D9C7A9;
  --shadow-soft: 0 1px 2px rgba(62, 49, 40, 0.05), 0 4px 16px rgba(62, 49, 40, 0.07);
  --shadow-lift: 0 2px 4px rgba(62, 49, 40, 0.07), 0 10px 28px rgba(62, 49, 40, 0.11);

  /* Type */
  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Shape and rhythm */
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 18px;
  --radius-pill: 999px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --content-max: 1080px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 0.8, 0.36, 1);
  --dur-fast: 140ms;
  --dur-med: 240ms;

  /* Component hooks */
  --logo-face: #FFFDF8;
  --logo-ear: #F6E7D7;
  --logo-hat: #FFFFFF;
  --mascot-face: #FFFDF8;
  --mascot-ear: #F6E7D7;
  --mascot-hat: #FFFFFF;
  --mascot-accent: #E3A377;
  --mascot-shadow: rgba(62, 49, 40, 0.08);
}

@font-face {
  font-family: "Instrument Sans";
  src: url("../fonts/instrument-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("../fonts/instrument-sans-500.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("../fonts/instrument-sans-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Sans";
  src: url("../fonts/instrument-sans-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/ibm-plex-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/ibm-plex-mono-500.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}