/*
 * tokens.css — Editorial Dossier · LIGHT edition.
 * Loaded on every page. Defines colour/type/space tokens only.
 * Light palette — warm paper, deep ink, gold-accent editorial.
 */

:root {
  /* Surface palette — light "paper" */
  --paper:           #fbf8f1;      /* main background, warm off-white */
  --paper-2:         #f4efe2;      /* alt sections */
  --paper-3:         #ece5d2;      /* deeper bands */
  --ink:             #15130f;      /* main text — darker for WCAG AA */
  --ink-dim:         #322d22;      /* secondary text — 7% darker */
  --ink-mute:        #5a543f;      /* tertiary, captions — 12% darker */
  --ink-faint:       #87795f;      /* very low-priority — 10% darker */
  --rule:            #c8be9c;      /* hairlines — slightly darker */
  --rule-strong:     #a89866;      /* prominent rules */
  --surface:         #ffffff;      /* cards */
  --surface-2:       #f4efe2;      /* alt cards */
  --surface-3:       #ece5d2;      /* deepest */
  --highlight-pale:  #fff7d6;      /* highlight strips */

  /* Editorial accents — limited palette */
  --gold:            #a17a1c;      /* primary editorial accent */
  --gold-dim:        #806015;
  --gold-soft:       rgba(161,122,28,0.10);
  --crimson:         #9b3434;
  --forest:          #486f48;
  --steel:           #3d6090;
  --plum:            #6e4d8c;

  /* Per-page brand accents — overridden in body[data-brand] / body[data-cluster] */
  --brand:           var(--gold);
  --brand-2:         var(--steel);
  --brand-soft:      var(--gold-soft);

  /* Typography stacks */
  --font-serif:      "Newsreader", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --font-sans:       "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono:       "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  /* Type scale */
  --t-display:       clamp(2.5rem, 6vw, 4.5rem);
  --t-h1:            clamp(2rem, 4.5vw, 3.25rem);
  --t-h2:            clamp(1.5rem, 2.6vw, 2rem);
  --t-h3:            clamp(1.15rem, 1.7vw, 1.35rem);
  --t-h4:            1.05rem;
  --t-body:          1.0625rem;
  --t-small:         0.875rem;
  --t-tiny:          0.75rem;

  /* Line heights */
  --lh-tight:        1.1;
  --lh-snug:         1.25;
  --lh-base:         1.6;
  --lh-loose:        1.75;

  /* Spacing scale (8pt grid + editorial generous) */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  24px;
  --s-6:  32px;
  --s-7:  48px;
  --s-8:  64px;
  --s-9:  96px;
  --s-10: 128px;
  --s-11: 192px;

  /* Layout */
  --container:       1280px;
  --container-wide:  1440px;
  --container-prose: 100%;
  --gutter:          clamp(16px, 4vw, 48px);

  /* Geometry */
  --r-sharp:         0;
  --r-soft:          4px;
  --r-pill:          999px;
  --hairline:        1px solid var(--rule);

  /* Header */
  --header-h:        72px;

  /* Motion */
  --ease:            cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-quick:       150ms;
  --dur-base:        220ms;
}

/* Per-brand accent overrides — adjusted for light background contrast */
body[data-brand="stake"]    { --brand: #1c6fb8; --brand-2: #047a5f; --brand-soft: rgba(28,111,184,0.08); }
body[data-brand="duel"]     { --brand: #b8265a; --brand-2: #b07505; --brand-soft: rgba(184,38,90,0.08); }
body[data-brand="shuffle"]  { --brand: #5a32a5; --brand-2: #0c7891; --brand-soft: rgba(90,50,165,0.08); }
body[data-brand="rollbit"]  { --brand: #b54b1f; --brand-2: #a88114; --brand-soft: rgba(181,75,31,0.08); }
body[data-brand="betfury"]  { --brand: #b27e0a; --brand-2: #a83644; --brand-soft: rgba(178,126,10,0.10); }
body[data-brand="roobet"]   { --brand: #a8780a; --brand-2: #1c5594; --brand-soft: rgba(168,120,10,0.10); }
body[data-brand="gamdom"]   { --brand: #2d8c5b; --brand-2: #b04a30; --brand-soft: rgba(45,140,91,0.08); }
body[data-brand="yeet"]     { --brand: #0d8076; --brand-2: #b5500e; --brand-soft: rgba(13,128,118,0.10); }
body[data-brand="winna"]    { --brand: #16785b; --brand-2: #ad7c14; --brand-soft: rgba(22,120,91,0.10); }
body[data-brand="fairspin"] { --brand: #1d59a7; --brand-2: #6630a8; --brand-soft: rgba(29,89,167,0.08); }

/* Per-cluster blog accents */
body[data-cluster="blog-rankings"]   { --brand: #a17a1c; --brand-2: #486f48; --brand-soft: rgba(161,122,28,0.10); }
body[data-cluster="blog-fairness"]   { --brand: #486f48; --brand-2: #3d6090; --brand-soft: rgba(72,111,72,0.10); }
body[data-cluster="blog-strategy"]   { --brand: #9b3434; --brand-2: #a17a1c; --brand-soft: rgba(155,52,52,0.10); }
body[data-cluster="blog-tokens"]     { --brand: #6e4d8c; --brand-2: #a17a1c; --brand-soft: rgba(110,77,140,0.10); }
body[data-cluster="blog-comparison"] { --brand: #3d6090; --brand-2: #9b3434; --brand-soft: rgba(61,96,144,0.10); }