/* Dirty Foot Contessa — design tokens.
   Adopted from the Claude Design handoff (design/reference/, D-009), then
   refined with Rex: warm off-white ground, primary-100 pill tint, and two
   limited accents held in reserve. These palette values now lead the bundle. */

:root {
  /* Ink + accent — verbatim from the bundle :root */
  --ink: #281907;
  --ink85: rgba(40, 25, 7, .85);  /* stronger muted tone — recipe lede, for a firmer page entry than ink70 */
  --ink70: rgba(40, 25, 7, .7);
  --ink50: rgba(40, 25, 7, .62);  /* raised from .5 → 4.76:1 for WCAG AA on small text (a11y finding #1); every consumer is small/muted text that needs the floor */
  --ink30: rgba(40, 25, 7, .3);
  --red: #611818;              /* accent — bundle-tweakable alternates: #281907, #2f5140, #7a4210 */
  --line: rgba(40, 25, 7, .55);

  /* Pill / tint fills — primary at 10% (611818 @ 10%). */
  --primary-100: rgba(97, 24, 24, .10);

  /* Limited accents — used sparingly, not the everyday palette. */
  --blue: #0B23FF;
  --lime: #DEE968;

  /* Ground — warm off-white (replaces flat white). */
  --bg: #FBF9F9;
  /* Paper — flat white for a card set on the ground: exhibits, notebook
     recipes, the phone screens on the memoir page. */
  --paper: #FFFFFF;

  /* Space — an 8pt grid with 4 as its one half-step, on the media site's 10px
     rem canvas (body.v2 sets 1rem to 10px, rising to 13px on wide screens, so
     every stop is a ratio, not a pixel count, except on a phone). Named by the
     value at the base canvas. Rex, 2026-09-10: "we should do an 8 pt grid.
     standard practice. we don't need to build off of what we have" (D-159).
     A value off the grid is a commented exception or a snap candidate, never
     a new stop. */
  --sp-4: .4rem;
  --sp-8: .8rem;
  --sp-16: 1.6rem;
  --sp-24: 2.4rem;
  --sp-32: 3.2rem;
  --sp-40: 4rem;
  --sp-48: 4.8rem;
  --sp-64: 6.4rem;
  --sp-80: 8rem;
  --sp-96: 9.6rem;
  --sp-128: 12.8rem;
  /* The page gutter, owned by .band and the full-bleed art blocks; a block
     never sets its own outer margin or width (docs/tickets/blocks-and-pages.md).
     Still on the off-grid 20 until Rex picks 16 or 24 in the browser. */
  --gutter: var(--sp-24);

  /* Type — the same canvas, the same reading: 56 of 66 rem font sizes sat on
     these fourteen stops. 11 is the floor for any text, 12 for anything
     interactive. Legacy px sizes on the pre-redesign pages are not on this
     scale yet; they move when each page is reconciled. */
  --fs-11: 1.1rem;
  --fs-12: 1.2rem;
  --fs-13: 1.3rem;
  --fs-14: 1.4rem;
  --fs-16: 1.6rem;
  --fs-20: 2rem;
  --fs-24: 2.4rem;
  --fs-28: 2.8rem;
  --fs-32: 3.2rem;
  --fs-36: 3.6rem;
  --fs-44: 4.4rem;
  --fs-64: 6.4rem;
  --fs-96: 9.6rem;
  --fs-120: 12rem;

  /* Type families — as used throughout the bundle */
  --font-display: 'Familjen Grotesk', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;

  /* Motion — guidance of record: docs/reference/motion-reference.md.
     The ease-out curve is the handoff's masthead easing (≈ ease-out-quint). */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --dur-micro: .15s;       /* hovers, chips, step check-off */
  --dur-expressive: .7s;   /* the one big brand move: the masthead resize */
}