/* Design tokens — esportsx / esportsxin.com
 * Paper-and-ink, light-dominant broadcast newsroom
 * Light system (overrides the dark system the Factory 006 default suggested)
 */
:root {
  /* Paper surface */
  --paper:        #F7F4EE;
  --paper-2:      #EFEAE0;
  --paper-edge:   #E2DAC9;
  --paper-deep:   #E8E1D1;

  /* Ink (text + nav) — darken ink-mute/ink-faint/accent to clear WCAG AA on paper */
  --ink:          #0E1626;
  --ink-2:        #27314A;
  --ink-3:        #3E4858;
  --ink-mute:     #5C6478;
  --ink-faint:    #525C75;

  /* Accent — broadcast electric (used sparingly) */
  --accent:       #1640B5;
  --accent-deep:  #0F2E8C;
  --accent-soft:  #D7E1FF;
  --accent-ink:   #0B2879;

  /* Signal — for live/breaking chips only */
  --signal:       #D11A2A;
  --signal-soft:  #FCE2E5;

  /* Win/positive */
  --win:          #2E7D32;
  --win-soft:     #E1F1E2;

  /* Rules / borders */
  --rule:         #C8BFA9;
  --rule-soft:    #DAD3C2;
  --hair:         rgba(14, 22, 38, 0.08);
  --hair-2:       rgba(14, 22, 38, 0.16);

  /* Type */
  --font-ui:      "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif:   "Spectral", Georgia, "Times New Roman", serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, monospace;

  /* Sizing */
  --container:    1240px;
  --gutter:       24px;
  --radius:       14px;
  --radius-sm:    8px;
  --radius-lg:    22px;
  --header-h:     72px;
  --strip-h:      36px;
  --tabbar-h:     56px;

  /* Shadows */
  --shadow-card:  0 1px 2px rgba(14, 22, 38, 0.05), 0 8px 24px rgba(14, 22, 38, 0.06);
  --shadow-elev:  0 4px 8px rgba(14, 22, 38, 0.06), 0 20px 40px rgba(14, 22, 38, 0.10);

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