/* ============================================================
   Key & Acorn — Design Tokens v1.0 (from brand kit, Drive /keyandacorn)
   All text/background pairs verified WCAG AA (brand-kit.md §3).
   Gold (--ka-gold) on paper is DECORATIVE ONLY (2.57:1) —
   use --ka-gold-deep for gold at text sizes on paper.
   ============================================================ */

:root {
  /* ---- Color: brand ---- */
  --ka-oak:        #2E5339;
  --ka-oak-deep:   #24422D;
  --ka-oak-tint:   #E4EDE5;
  --ka-gold:       #C8913B;
  --ka-gold-deep:  #8A5E1E;

  /* ---- Color: surfaces ---- */
  --ka-paper:      #FAF6EE;
  --ka-paper-deep: #F3ECDD;
  --ka-card:       #FFFFFF;

  /* ---- Color: text ---- */
  --ka-ink:         #1E2B22;
  --ka-ink-muted:   #5C6B60;
  --ka-ink-on-dark: #FAF6EE;

  /* ---- Color: semantic ---- */
  --ka-success: #256C3F;
  --ka-warning: #9A6414;
  --ka-error:   #B23A2E;

  /* ---- Typography ---- */
  --ka-font-display: "Fraunces", Palatino, "Palatino Linotype",
                     "Iowan Old Style", Georgia, serif;
  --ka-font-body:    "Public Sans", system-ui, "Segoe UI",
                     Helvetica, Arial, sans-serif;
  --ka-font-mono:    ui-monospace, "SF Mono", "Cascadia Mono",
                     "Roboto Mono", Menlo, monospace;

  --ka-fs-display: clamp(2.6rem, 5vw, 4rem);
  --ka-fs-h1: 2.25rem;
  --ka-fs-h2: 1.75rem;
  --ka-fs-h3: 1.375rem;
  --ka-fs-lead: 1.125rem;
  --ka-fs-body: 1rem;
  --ka-fs-ui: 0.875rem;
  --ka-fs-caption: 0.8125rem;

  --ka-lh-display: 1.05;
  --ka-lh-heading: 1.2;
  --ka-lh-body: 1.6;
  --ka-lh-ui: 1.45;

  --ka-fw-display: 560;
  --ka-fw-heading: 540;
  --ka-fw-body: 400;
  --ka-fw-medium: 500;
  --ka-fw-semibold: 600;

  /* ---- Spacing (8px base) ---- */
  --ka-space-1: 0.25rem;
  --ka-space-2: 0.5rem;
  --ka-space-3: 0.75rem;
  --ka-space-4: 1rem;
  --ka-space-6: 1.5rem;
  --ka-space-8: 2rem;
  --ka-space-12: 3rem;
  --ka-space-16: 4rem;
  --ka-space-24: 6rem;

  /* ---- Radii ---- */
  --ka-radius-sm: 6px;
  --ka-radius-md: 10px;
  --ka-radius-lg: 16px;
  --ka-radius-pill: 999px;

  /* ---- Elevation ---- */
  --ka-shadow-card: 0 1px 2px rgba(30, 43, 34, 0.06),
                    0 4px 12px rgba(30, 43, 34, 0.06);
  --ka-shadow-raised: 0 2px 4px rgba(30, 43, 34, 0.08),
                      0 12px 28px rgba(30, 43, 34, 0.10);

  /* ---- Borders ---- */
  --ka-border: 1px solid rgba(30, 43, 34, 0.12);
  --ka-border-strong: 1px solid rgba(30, 43, 34, 0.24);
  --ka-rule-gold: 2px solid var(--ka-gold);

  /* ---- Motion ---- */
  --ka-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ka-duration: 180ms;
}