/* Design tokens — the only place raw color/type/spacing/radius/motion
   values are allowed to live. Everything else references these by name.

   Light palette only for now. Token *names* are dark-mode-ready: a future
   `@media (prefers-color-scheme: dark)` block redefines the same names
   with dark values, and nothing downstream needs to change. */

:root {
  /* color — signature is the one saturated hue in the whole system */
  --signature: #D93211;
  --signature-hover: #BF2C0F;
  --signature-pressed: #A5260D;

  --base: #FAFAF7;
  --surface: #F3F2EE;
  --surface-raised: #EDEBE5;
  /* A brighter white than --surface, for a card that needs to visibly
     lift off the page rather than blend into it (a record's own header,
     a .panel) — most cards want the quieter --surface. */
  --paper: #FFFFFF;
  --ink: #1A1913;
  --ink-muted: #6B6A61;
  --hairline: #E4E2DB;

  /* functional-only, never decorative */
  --success: #4C7A5C;
  --danger: #B0473B;

  --focus-ring: rgba(217, 50, 17, 0.5);

  /* type — system stack, no vendored font file */
  --font-sans: -apple-system, "Segoe UI", Inter, system-ui, sans-serif;
  /* Display/mono pair, loaded only where record identity earns the
     ceremony (see .record-header) — everything else stays the plain
     sans stack above so this isn't a sitewide typographic shift. */
  --font-display: "Fraunces", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --text-xs: 0.75rem;   /* 12px */
  --text-sm: 0.875rem;  /* 14px */
  --text-base: 1rem;    /* 16px */
  --text-lg: 1.25rem;   /* 20px */
  --text-xl: 1.75rem;   /* 28px */
  --text-2xl: 2.5rem;   /* 40px */

  /* category colors — identify a card's content type by shape/color
     before its label is read. Functional grouping only, never applied
     outside a .panel--<name> variant. */
  --cat-contacts: #435CC4;     --cat-contacts-tint: #E4E9FB;
  --cat-schedule: #B4700A;     --cat-schedule-tint: #FBE9D0;
  --cat-tasks: #7C43BE;        --cat-tasks-tint: #F1E3FB;
  --cat-comms: #C23F6E;        --cat-comms-tint: #FBE1EA;
  --cat-money: #2F7A5E;        --cat-money-tint: #DCEFE6;
  --cat-docs: #3F6070;         --cat-docs-tint: #E0EAEF;
  --cat-admin: #6B6A61;        --cat-admin-tint: #EDEBE5;
  --cat-time: #1F7A8C;         --cat-time-tint: #DDEEF2;
  --cat-trips: #8A6A2F;        --cat-trips-tint: #F2EAD8;

  /* spacing — 4px scale, no arbitrary values outside this list */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* radii — two values only */
  --radius-control: 6px;
  --radius-card: 10px;

  /* motion — confirms a state change, never decorative/ambient */
  --duration: 160ms;
  --ease: ease-out;
}