/* 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;

  /* 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 */
}