/* Verida Law — Design tokens
 * 🔒 LOCKED: All colour, spacing, and type tokens live here.
 * Never hard-code hex colours or spacing values elsewhere.
 */

:root {
  /* Brand palette — exact values from brief Part A1 */
  --green: #177145;          /* primary */
  --green-dark: #0f5233;     /* primary-hover, accents */
  --green-deep: #0a3d26;     /* hero/footer dark surfaces */
  --green-light: #A8D5C0;    /* accent on dark surfaces */
  --green-pale: #eef6f1;     /* pale background tint */

  /* Ink */
  --ink: #222222;            /* body text */
  --ink-mid: #444444;        /* secondary text */
  --ink-soft: #777777;       /* tertiary text, labels */

  /* Surfaces and rules */
  --rule: #d8e8df;           /* borders, dividers */
  --white: #ffffff;
  --off-white: #fafcfb;      /* alt section background */

  /* Type families (self-hosted — see base.css @font-face) */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Spacing scale — 4px base */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-6: 24px;
  --s-8: 32px;
  --s-12: 48px;
  --s-16: 64px;
  --s-24: 96px;

  /* Layout */
  --max-w: 1200px;

  /* Type scale */
  --fs-xs: 0.72rem;
  --fs-sm: 0.85rem;
  --fs-base: 1rem;
  --fs-lg: 1.15rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.6rem;
  --fs-4xl: clamp(2.6rem, 5vw, 4.2rem);

  /* Misc */
  --radius-sm: 2px;
  --radius-md: 4px;
  --header-h-desktop: 68px;
  --header-h-mobile: 60px;
}