/* Hallmark · tokens.css · HarwTech · genre: modern-minimal · anchor hue: 148 (forest green) */

:root {
  /* ── COLOR — OKLCH ── */
  --color-paper:         oklch(94%  0.012  85);
  --color-paper-2:       oklch(91%  0.014  85);
  --color-paper-3:       oklch(88%  0.016  85);
  --color-rule:          oklch(84%  0.010  85);
  --color-rule-2:        oklch(80%  0.012  85);
  --color-ink:           oklch(18%  0.010 130);
  --color-ink-2:         oklch(42%  0.010 130);
  --color-ink-3:         oklch(62%  0.008 110);
  --color-accent:        oklch(40%  0.14  148);
  --color-accent-hover:  oklch(35%  0.14  148);
  --color-accent-bg:     oklch(40%  0.14  148 / 0.08);
  --color-accent-rule:   oklch(40%  0.14  148 / 0.20);
  --color-focus:         oklch(40%  0.14  148);

  /* dark band (sovereignty section) */
  --color-dark-paper:    oklch(18%  0.012 148);
  --color-dark-paper-2:  oklch(22%  0.012 148);
  --color-dark-rule:     oklch(32%  0.010 148);
  --color-dark-ink:      oklch(92%  0.006  80);
  --color-dark-ink-2:    oklch(68%  0.008 110);
  --color-dark-ink-3:    oklch(46%  0.008 130);
  --color-dark-accent:   oklch(65%  0.14  148);

  /* footer */
  --color-foot-bg:         oklch(18%  0.010 130);
  --color-foot-rule:       oklch(30%  0.010 148);
  --color-foot-ink:        oklch(92%  0.006  80);
  --color-foot-wordmark:   oklch(92%  0.006  80 / 0.55);
  --color-foot-copy:       oklch(92%  0.006  80 / 0.28);
  --color-foot-link:       oklch(92%  0.006  80 / 0.35);
  --color-foot-link-hover: oklch(92%  0.006  80 / 0.70);

  /* nav / overlay */
  --color-nav-bg:          oklch(94%  0.012  85 / 0.90);
  --color-nav-shadow:      oklch(18%  0.010 130 / 0.08);
  --color-mob-bg:          oklch(94%  0.012  85 / 0.97);
  --color-dot-grid:        oklch(18%  0.010 130 / 0.10);

  /* floating WhatsApp */
  --color-wa-bg:           oklch(62%  0.20  148);
  --color-wa-fg:           oklch(98%  0.004  85);
  --color-wa-shadow:       oklch(40%  0.14  148 / 0.35);

  /* sovereignty hover */
  --color-sov-pillar-hover-border: oklch(40%  0.12  148 / 0.50);

  /* ── FONTS ── */
  --font-display: "Instrument Serif", Georgia, serif;
  --font-body:    "Geist", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* ── TYPE SCALE — major third 1.25 ── */
  --text-xs:        0.64rem;
  --text-sm:        0.8rem;
  --text-base:      1rem;
  --text-md:        1.25rem;
  --text-lg:        1.5625rem;
  --text-xl:        1.9531rem;
  --text-2xl:       2.4414rem;
  --text-3xl:       3.0518rem;
  --text-4xl:       3.8147rem;
  --text-display-s: clamp(2rem, 3.5vw + 0.5rem, 3.5rem);
  --text-display:   clamp(2.75rem, 5vw + 1rem, 5.25rem);

  /* ── SPACING — 4pt scale ── */
  --space-1:  0.25rem;   /* 4px  */
  --space-2:  0.5rem;    /* 8px  */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.25rem;   /* 20px */
  --space-6:  1.5rem;    /* 24px */
  --space-8:  2rem;      /* 32px */
  --space-10: 2.5rem;    /* 40px */
  --space-12: 3rem;      /* 48px */
  --space-16: 4rem;      /* 64px */
  --space-20: 5rem;      /* 80px */
  --space-24: 6rem;      /* 96px */
  --space-sm:  var(--space-4);
  --space-md:  var(--space-8);
  --space-lg:  var(--space-12);
  --space-xl:  var(--space-16);
  --space-2xl: var(--space-20);
  --space-3xl: var(--space-24);

  /* ── RADIUS ── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 100px;

  /* ── MOTION ── */
  --dur-short:   150ms;
  --dur-med:     250ms;
  --dur-long:    400ms;
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  /* ── LAYOUT ── */
  --max: 1160px;
}