/* Hallmark · custom theme — Café Café
 * vibe: "sage green al paso neighbourhood espresso"
 * axes: paper=light (L 97%) · display=rounded/brush · accent=chromatic-green (148°)
 * Source of truth — locked from design.md. Do not improvise mid-render.
 */

:root {
  /* ---- Palette — Café Café (from design.md / brand.json) ---- */
  --color-paper:        oklch(97% 0.010 80);    /* warm off-white  #FAF8F4 */
  --color-paper-2:      oklch(94% 0.015 80);    /* warm card grey         */
  --color-paper-3:      oklch(91% 0.018 80);    /* deeper warm grey       */
  --color-ink:          oklch(18% 0.010 260);   /* near-black ink  #1A1A20 */
  --color-ink-2:        oklch(45% 0.010 260);   /* secondary text         */
  --color-ink-3:        oklch(60% 0.010 260);   /* tertiary / captions    */
  --color-rule:         oklch(87% 0.010 80);    /* hairline dividers      */

  --color-accent:       oklch(74% 0.085 148);   /* sage green — brand #8DB87A */
  --color-accent-2:     oklch(67% 0.095 148);   /* mid green for fills        */
  --color-accent-dark:  oklch(52% 0.095 148);   /* darker green for hover     */
  --color-accent-ink:   oklch(99% 0.004 148);   /* text on green bg           */
  --color-accent-soft:  oklch(93% 0.035 148);   /* tinted green wash          */

  --color-blue:         oklch(38% 0.14 265);    /* cobalt blue — interior #2B4B9A */
  --color-blue-ink:     oklch(98% 0.004 265);   /* text on blue                   */
  --color-terracotta:   oklch(58% 0.13 40);     /* warm accent #C4703A            */
  --color-yellow:       oklch(82% 0.14 90);     /* warm bar light #E8C84A         */

  --color-focus:        oklch(52% 0.095 148);   /* focus ring = accent-dark */

  /* ---- Typography ---- */
  --font-display: "Pacifico", "Comic Sans MS", cursive;
  --font-body:    "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --font-mono:    "Space Mono", ui-monospace, monospace;

  /* ---- Scale (4-pt base, major-third 1.25) ---- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-s:   1rem;
  --space-m:   1.5rem;
  --space-l:   2rem;
  --space-xl:  3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 8rem;

  --text-xs:      0.75rem;
  --text-s:       0.875rem;
  --text-base:    1rem;
  --text-m:       1.25rem;
  --text-l:       1.5625rem;
  --text-xl:      1.953rem;
  --text-2xl:     2.441rem;
  --text-display: 3.052rem;

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  /* ---- Radii ---- */
  --radius-card:  14px;
  --radius-pill:  999px;
  --radius-input: 8px;
  --radius-btn:   10px;

  /* ---- Layout ---- */
  --measure: 64ch;
  --container: 72rem;
  --container-narrow: 46rem;
}