/* Hallmark · genre: modern-minimal · macrostructure: Split Studio · theme: custom "Activera Light"
 * paper oklch(97.8% 0.004 250) ≈ #F7F8FA · ink oklch(20% 0.05 262) ≈ #0B1630 · accent navy oklch(31% 0.105 262)
 * display: Inter Tight 650 · body: Inter 400 · nav: N5 floating pill · footer: Ft1 mast-headed
 * enrichment: none — real app screenshots with honest placeholders · designed-as-app
 * Pre-emit critique: P5 H5 E4 S4 R5 V4
 */

:root {
  /* ── Surfaces ─────────────────────────────────────────────── */
  --color-paper:        #f7f3ec;                  /* warm cream page background */
  --color-card:         #ffffff;                  /* white cards                */
  --color-tint:         #f0ebe2;                  /* deeper cream section band  */
  --color-navy-plate:   oklch(20% 0.05 262);      /* navy plate behind the white wordmark */
  --color-nav-glass:    rgba(247, 243, 236, 0.9); /* creamy glass nav backdrop  */

  /* ── Ink ──────────────────────────────────────────────────── */
  --color-ink:          oklch(20% 0.05 262);      /* headings, primary text     */
  --color-ink-2:        oklch(32% 0.045 260);     /* sub-headings               */
  --color-muted:        oklch(46% 0.028 258);     /* body / slate               */
  --color-faint:        oklch(60% 0.02 256);      /* captions, footnotes        */

  /* ── Lines ────────────────────────────────────────────────── */
  --color-rule:         oklch(91% 0.012 252);
  --color-rule-strong:  oklch(84% 0.018 252);

  /* ── Action ───────────────────────────────────────────────── */
  --color-accent:       oklch(31% 0.105 262);     /* navy buttons               */
  --color-accent-hover: oklch(26% 0.095 262);
  --color-accent-ink:   oklch(100% 0 0);
  --color-focus:        oklch(54% 0.17 258);

  /* ── Feedback ─────────────────────────────────────────────── */
  --color-success:      oklch(45% 0.11 155);
  --color-success-bg:   oklch(96% 0.025 155);
  --color-error:        oklch(48% 0.16 25);
  --color-error-bg:     oklch(96.5% 0.018 25);

  /* ── Type ─────────────────────────────────────────────────── */
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --font-body:    -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;

  --text-xs:        0.75rem;
  --text-sm:        0.875rem;
  --text-base:      1rem;
  --text-md:        1.125rem;
  --text-lg:        1.3125rem;
  --text-xl:        1.625rem;
  --text-2xl:       2rem;
  --text-display-s: clamp(1.75rem, 2.6vw + 0.6rem, 2.625rem);
  --text-display:   clamp(2.375rem, 4.2vw + 0.7rem, 3.875rem);

  /* ── Space (4-pt scale) ───────────────────────────────────── */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;

  /* ── Shape & depth ────────────────────────────────────────── */
  --radius-sm:   10px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px oklch(20% 0.05 262 / 0.05), 0 10px 30px oklch(20% 0.05 262 / 0.07);
  --shadow-soft: 0 1px 2px oklch(20% 0.05 262 / 0.04), 0 4px 14px oklch(20% 0.05 262 / 0.05);

  /* ── Motion ───────────────────────────────────────────────── */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short:  160ms;
  --dur-med:    260ms;

  /* ── Layout ───────────────────────────────────────────────── */
  --wrap:       71.25rem;   /* 1140px content width */
  --wrap-tight: 46rem;      /* legal / prose width  */
}