/* Recibí design tokens v0.1 (Oct 17, 2026). Prefix: --rc-. Contrast ratios in recibi-brand-system.md §4. */
:root {
  /* Brand */
  --rc-clay: #A6461F;          /* primary action, links, focus. White on it 5.97:1 */
  --rc-clay-hover: #8C3A18;    /* white on it 7.68:1 */
  --rc-clay-pressed: #73300F;  /* white on it 9.73:1 */
  --rc-clay-tint: #F6E3D8;     /* "Recibí ✓" chip bg; clay text on it 4.80:1 */
  --rc-agave: #2F6B4F;         /* success / received; 5.55:1 on masa */
  --rc-agave-tint: #E3EEE7;    /* agave text on it 5.29:1 */
  --rc-marigold: #E8A317;      /* highlight fills only, never text on light; ink on it 7.95:1 */
  --rc-marigold-tint: #FBEFCF; /* "Needs a look" bg; --rc-marigold-deep text 6.05:1 */
  --rc-marigold-deep: #7A5200;
  --rc-danger: #B42318;        /* real errors only; 6.42:1 on paper */
  --rc-danger-tint: #FBE6E3;

  /* Neutrals */
  --rc-masa: #F6F0E6;          /* canvas */
  --rc-paper: #FFFCF7;         /* cards, inputs, receipts */
  --rc-masa-deep: #EDE4D6;     /* sunken track, alt sections */
  --rc-noche: #2A211C;         /* dark band; masa on it 13.9:1 */
  --rc-ink: #1F1A17;           /* 15.2:1 masa, 16.84:1 paper */
  --rc-ink-2: #6A5F57;         /* secondary text 5.47:1 masa */
  --rc-ink-3: #857A70;         /* 4.09:1, large text (>=18px) / placeholders only */
  --rc-ink-on-noche: #CDBFB0;  /* 8.76:1 on noche */
  --rc-line: #E2D8C9;          /* hairlines (decorative) */
  --rc-line-strong: #A8998A;   /* input borders, 2.70:1 — pair with label; use ink-2 for 3:1 UI need */

  /* Type */
  --rc-font-display: "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;
  --rc-font-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --rc-text-xs: 0.8125rem;  /* 13 */
  --rc-text-sm: 0.9375rem;  /* 15 */
  --rc-text-md: 1.0625rem;  /* 17 body */
  --rc-text-lg: 1.25rem;    /* 20 */
  --rc-text-xl: 1.625rem;   /* 26 */
  --rc-text-2xl: 2.125rem;  /* 34 */
  --rc-text-3xl: 2.875rem;  /* 46 */
  --rc-text-4xl: 3.875rem;  /* 62 */
  --rc-leading-tight: 1.05;
  --rc-leading-snug: 1.25;
  --rc-leading-body: 1.55;

  /* Spacing (4px base) */
  --rc-space-1: 4px; --rc-space-2: 8px; --rc-space-3: 12px; --rc-space-4: 16px;
  --rc-space-5: 20px; --rc-space-6: 24px; --rc-space-8: 32px; --rc-space-10: 40px;
  --rc-space-12: 48px; --rc-space-16: 64px; --rc-space-24: 96px;

  /* Radii: slips are crisp, buttons are thumb-friendly */
  --rc-radius-xs: 3px;   /* receipt slip, tags */
  --rc-radius-sm: 8px;   /* inputs */
  --rc-radius-md: 14px;  /* cards, mark */
  --rc-radius-lg: 22px;  /* phone frame, SMS bubbles */
  --rc-radius-pill: 999px;

  /* Borders / elevation: flat by default; one "slip" shadow for paper objects */
  --rc-border: 1.5px solid var(--rc-line);
  --rc-shadow-slip: 0 1px 0 var(--rc-line), 0 10px 24px -14px rgba(31,26,23,.35);
  --rc-focus: 0 0 0 3px var(--rc-paper), 0 0 0 5px var(--rc-clay);

  /* Sizes */
  --rc-control-h: 48px;        /* desktop & mobile */
  --rc-control-h-crew: 56px;   /* crew-facing primary action */
  --rc-content-max: 1200px;
}