/* THE FLAT FILE: tokens. The single source of truth.
   The chrome is achromatic warm; color belongs to the prints. Each print
   carries its own site's accent as --jacket (deep, decorates on light ground)
   and --jacket-dot (the swatch, hex or gradient). Jackets never color running
   text; they ring, underline, and dot. */

:root {
  /* primitives */
  --bone: #f4f1ea;        /* gallery paper */
  --bone-2: #ece8dd;      /* recessed drawer face */
  --sheet: #fbf9f4;       /* the print sheet itself */
  --carbon: #1c1a16;      /* ink */
  --graphite: #6e6757;    /* muted label ink */
  --hairline: #d9d3c6;
  --rule: #b6ae9c;
  --control-edge: #7d7566;  /* 3:1+ boundary for the injected finder controls */

  /* semantics */
  --bg: var(--bone);
  --bg-2: var(--bone-2);
  --surface: var(--sheet);
  --fg: var(--carbon);
  --muted: var(--graphite);
  --line: var(--hairline);
  --line-strong: var(--rule);
  --line-control: var(--control-edge);
  --focus: var(--carbon);

  /* the borrowed jacket: neutral until a print sets its own */
  --jacket: var(--carbon);
  --jacket-dot: var(--carbon);

  /* type */
  --serif: "Besley", "Georgia", serif;
  --grotesk: "Host Grotesk", "Helvetica Neue", sans-serif;
  --masthead: clamp(2.4rem, 1rem + 5.6vw, 5rem);
  --drawer-title: clamp(1.5rem, 1rem + 1.8vw, 2.4rem);
  --print-name: 1.125rem;
  --body: 1rem;
  --label: 0.78rem;
  --fine: 0.72rem;

  /* space */
  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem;
  --s-5: 1.5rem;  --s-6: 2.25rem; --s-7: 3.5rem;  --s-8: 5.5rem;
  --section-pad: clamp(3rem, 2rem + 4vw, 5.5rem);

  /* geometry */
  --edge: 2px;            /* prints are square-cornered, near enough */
  --ring: 2px;

  /* motion */
  --dur-1: 120ms; --dur-2: 220ms; --dur-3: 420ms;
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-lift: cubic-bezier(0.3, 1.2, 0.4, 1);

  /* layers */
  --z-header: 40; --z-skip: 60;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-1: 0ms; --dur-2: 0ms; --dur-3: 0ms; }
}