/* LFG design tokens: the one palette for leadersfg.com and portal.leadersfg.com.
   Source of truth lives here; the portal build copies this file into its assets.
   Names follow the portal's semantic set so both surfaces read the same. */
:root {
  /* Ink: the dark spreads, the portal shell */
  --ink: #000000;
  --ink-1: #0a0a0a;
  --ink-2: #141414;
  --ink-3: #1f1f1f;
  --on-ink: #f6f3ec;
  --on-ink-2: #cbc8c1;
  --on-ink-3: #a3a19b;
  --line-ink: rgba(241, 234, 219, 0.14);

  /* Sand and paper: the light spreads, reading pages */
  --sand: #f4eee3;
  --sand-2: #ebe2d1;
  --paper: #fcf9f2;
  --line: #e0d6c3;
  --line-strong: #cbbd9f;
  --text: #0a0a0a;
  --text-2: #3a3a3a;
  --text-3: #595959;

  /* Gold: live, act, the brand field */
  --gold: #f2be31;
  --gold-hi: #ffd566;
  --gold-deep: #000000;
  --gold-soft: #ead9ac;
  --gold-wash: #f6edd6;
  --on-gold: #000000;

  /* State */
  --ok: #2e6a45;
  --alert: #9b2c1f;
  --live: #e05a3a;

  /* Portal rank colours */
  --bronze: #b07d4c;
  --ivory: #fbf4e2;

  /* Type */
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-text: "Barlow", "Helvetica Neue", Arial, sans-serif;

  /* Shape and motion */
  --radius-s: 2px;
  --radius-m: 6px;
  --radius-l: 14px;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 24px -12px rgba(0, 0, 0, 0.18);
  --shadow-2: 0 2px 6px rgba(0, 0, 0, 0.08), 0 24px 60px -24px rgba(0, 0, 0, 0.35);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  /* Reel: the graded-film palette for the 2026 site and the portal (added 2026-10-26).
     Night gold on warm ink. The values above stay for the older pages. */
  --reel-ink: #0f0e0b;
  --reel-ink-2: #16140f;
  --reel-ink-3: #201d16;
  --reel-ink-4: #2b2720;
  --reel-cream: #f6f2e9;
  --reel-cream-2: #d9d3c6;
  --reel-stone: #b9b09b;
  --reel-gold: #c9a24b;
  --reel-gold-hi: #e3c378;
  --reel-gold-lo: #8a6d2c;
  --reel-line: rgba(201, 162, 75, 0.28);
  --reel-hair: rgba(246, 242, 233, 0.12);
  --reel-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@font-face { font-family: "Barlow Condensed"; font-weight: 400; font-style: normal; font-display: swap; src: url("/assets/fonts/barlow-condensed-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 500; font-style: normal; font-display: swap; src: url("/assets/fonts/barlow-condensed-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-style: normal; font-display: swap; src: url("/assets/fonts/barlow-condensed-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-style: normal; font-display: swap; src: url("/assets/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 400; font-style: normal; font-display: swap; src: url("/assets/fonts/barlow-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 400; font-style: italic; font-display: swap; src: url("/assets/fonts/barlow-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 500; font-style: normal; font-display: swap; src: url("/assets/fonts/barlow-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-style: normal; font-display: swap; src: url("/assets/fonts/barlow-latin-600-normal.woff2") format("woff2"); }