/* =========================================================
   Deocracy — Design Tokens & Font Faces
   Single source of truth for colors, type, spacing, radii.
   Loaded by every page via:
     <link rel="stylesheet" href="../styles/tokens.css" />
   Maps later → wordpress/theme.json
   ========================================================= */

/* --- Fonts ----------------------------------------------- */
/* woff2 only — modern browsers. Legacy formats live in
   reference/fonts-source/ and are not loaded in production. */

@font-face {
  font-family: 'Trajan';
  src: url('../assets/fonts/Trajan-Pro-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trajan';
  src: url('../assets/fonts/Trajan-Pro-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Baskerville';
  src: url('../assets/fonts/Baskerville-BT-Roman.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Baskerville';
  src: url('../assets/fonts/Baskerville-BT-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- Tokens ---------------------------------------------- */
:root {
  /* Paper / ink palette */
  --paper:    #f4f1ea;
  --paper-2:  #ece7dc;
  --paper-3:  #e0d9c8;
  --ink:      #1a1915;
  --ink-2:    #4a4740;
  --ink-3:    #8b8679;
  --ink-4:    #b8b2a3;

  /* Accents — one per editorial column */
  --accent:   #7a1d1d;   /* Deocrat — oxblood */
  --accent-2: #a8401e;   /* Scholastic — terracotta */
  --accent-3: #2c4a5e;   /* Cypherpunk — slate blue */
  --accent-4: #5a4a32;   /* Future of Journalism — sepia */
  --accent-5: #4a5a2c;   /* Human AI Relations — moss */
  --accent-6: #8b6f3d;   /* Municipals — bronze */
  --gold:     #b08838;

  /* Type families */
  --font-display: 'Trajan', 'Cinzel', 'Times New Roman', serif;
  --font-body:    'Baskerville', 'Iowan Old Style', Georgia, serif;

  /* Type scale (rem, mobile-first; tune later) */
  --fs-eyebrow:  0.6875rem; /* 11px */
  --fs-body:     1.0625rem; /* 17px */
  --fs-lead:     1.25rem;
  --fs-h3:       1.5rem;
  --fs-h2:       2rem;
  --fs-h1:       3rem;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  /* Layout */
  --measure: 68ch;
  --container: 1200px;

  /* Borders / rules */
  --rule: 1px solid var(--ink);
  --rule-soft: 1px solid var(--ink-4);
}