/* Hallmark · custom theme: "Sandra & Co warm editorial"
 * paper: Shell #f3f2e7 (light band) · display: Playfair 700 (high-contrast serif)
 * accent: Rodeo Dust #cbb2a1 (warm-neutral hue) · ink: Baltic Sea #262625
 * Locked from Sandra's documented brand system (3 independent palette docs).
 * Never #000. Accent used only for hairlines, labels, active indicators.
 */
:root {
  /* color — her named palette, verbatim */
  --color-shell:      #f3f2e7;  /* primary paper */
  --color-moonmist:   #e3dac8;  /* section band / cards */
  --color-rodeo:      #cbb2a1;  /* accents, hairline emphasis */
  --color-sanddune:   #7e746a;  /* secondary text */
  --color-baltic:     #262625;  /* ink, dark band */

  --color-paper:      var(--color-shell);
  --color-paper-2:    var(--color-moonmist);
  --color-ink:        var(--color-baltic);
  /* Text-on-light uses a deepened Sand Dune: the brand #7e746a measures 4.06:1
     on Shell and 3.29:1 on Moon Mist, below the 4.5:1 WCAG AA floor. #665d54
     is the same warm taupe family at 5.73:1 / 4.64:1. The original stays for
     decorative use (hairlines, dashes), never running text. */
  --color-ink-soft:   #665d54;
  --color-accent:     var(--color-rodeo);
  --color-on-dark:    #f3f2e7;
  --color-on-dark-soft:#b9b3a8;

  --rule: 1px solid rgba(38, 38, 37, 0.18);        /* hairline on light */
  --rule-strong: 1px solid rgba(38, 38, 37, 0.55);
  --rule-dark: 1px solid rgba(243, 242, 231, 0.18); /* hairline on dark */
  --rule-accent: 1px solid var(--color-rodeo);

  /* type */
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Inter", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Code", monospace;

  --text-display: clamp(2.4rem, 6.5vw, 4.6rem);
  --text-h2: clamp(1.7rem, 3.6vw, 2.6rem);
  --text-h3: 1.18rem;
  --text-body: 1.0625rem;
  --text-small: 0.9rem;
  --text-label: 0.72rem;

  /* space — 4pt scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --measure: 62ch;
  --site-max: 1120px;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 300ms;

  /* radius: 0 or pill only, per the anti-slop standard */
  --radius-0: 0;
  --radius-pill: 999px;
}