/* ABRIPSA Design Tokens — v1.3
   Association for Black Business Rescue and Insolvency Practitioners SA
   SOURCE OF TRUTH. Synced from the brand package (_design-system/design-system/tokens.css).
   Do not hand-edit — re-sync from the brand package when a new version lands. */
:root {
  /* Color — core */
  --abripsa-black: #0B0B0C;        /* primary surface, headlines */
  --abripsa-ink: #17181A;          /* dark surface 2 */
  --abripsa-charcoal: #232426;     /* dark surface 3, borders on dark */
  --abripsa-gold: #C9A227;         /* primary accent — actions, emphasis */
  --abripsa-gold-light: #E6C868;   /* accent hover on dark, fine rules */
  --abripsa-gold-deep: #8F7118;    /* accent on light bg (AA text) */
  --abripsa-green: #1E6B3C;        /* secondary accent — sparing use only */
  --abripsa-ivory: #F7F3E9;        /* light text on dark, warm panels */
  --abripsa-paper: #FDFCF8;        /* light page background */
  --abripsa-white: #FFFFFF;
  --abripsa-gray: #6B6B66;         /* secondary text on light */
  --abripsa-gray-light: #A5A49C;   /* secondary text on dark */
  --abripsa-line: #E4DFD2;         /* hairlines, card borders on light */

  /* Typography */
  --abripsa-font-display: 'Cinzel', 'Times New Roman', serif;      /* brand display, ALL CAPS, tracked */
  --abripsa-font-serif: 'Source Serif 4', Georgia, serif;          /* headings + editorial body */
  --abripsa-font-sans: 'Public Sans', system-ui, sans-serif;       /* UI, labels, forms, tables */

  --abripsa-text-xs: 12px;   /* legal fine print, labels (letter-spacing .08em, uppercase) */
  --abripsa-text-sm: 14px;   /* UI copy, table cells */
  --abripsa-text-md: 17px;   /* body (line-height 1.65) */
  --abripsa-text-lg: 22px;   /* lead paragraphs */
  --abripsa-text-xl: 30px;   /* h3 */
  --abripsa-text-2xl: 42px;  /* h2 */
  --abripsa-text-3xl: 60px;  /* h1 / hero (Cinzel, caps) */

  /* Spacing (4px scale) */
  --abripsa-space-1: 4px;  --abripsa-space-2: 8px;  --abripsa-space-3: 12px;
  --abripsa-space-4: 16px; --abripsa-space-6: 24px; --abripsa-space-8: 32px;
  --abripsa-space-12: 48px; --abripsa-space-16: 64px; --abripsa-space-24: 96px;

  /* Shape & elevation — sharp, legal, minimal */
  --abripsa-radius-sm: 2px;   /* buttons, inputs */
  --abripsa-radius-md: 4px;   /* cards */
  --abripsa-radius-full: 999px; /* badges only */
  --abripsa-shadow-card: 0 1px 3px rgba(11,11,12,.07), 0 8px 24px rgba(11,11,12,.05);
  --abripsa-shadow-raised: 0 12px 40px rgba(11,11,12,.14);

  /* Rules */
  --abripsa-rule-gold: 3px solid var(--abripsa-gold);
  --abripsa-rule-hairline: 1px solid var(--abripsa-line);

  /* Layout (site-level, added for build) */
  --abripsa-container: 1200px;
  --abripsa-gutter: 32px;
}
/* Usage notes:
   1. Black + gold dominate; green appears only as a fine rule, leaf, or small badge.
   2. Buttons: primary = gold bg / black text; secondary = 1px gold border, transparent.
   3. Links on light: var(--abripsa-gold-deep); hover: var(--abripsa-black).
   4. Never place gold text below 18px on white — use gold-deep instead. */