/* Festivenomics design tokens — from the shell spec (UI.git SPECIFICATIONS.md §3).
   Shared by the auth pages; the apps consume the same values via
   @festivenomics/shell/tokens.css. */

:root {
  /* surfaces */
  --bg:      #0A0A0A;
  --card:    #161616;
  --card2:   #1D1D1D;
  --line:    #2A2A2A;

  /* text */
  --txt:     #F2F2F2;
  --dim:     #C9C9C9;
  --mut:     #9A9A9A;

  /* brand */
  --orange:  #FF8A47;
  --cyan:    #64EEFF;
  --yellow:  #FFFA34;
  --yellow2: #FFFE7B;

  /* semantic — shared, never module-tinted */
  --ok:      #7DDB7D;
  --danger:  #F09595;

  /* type — three roles */
  --display: 'Space Grotesk', Arial, sans-serif;
  --body:    'Inter', Arial, sans-serif;
  --mono:    'Space Mono', 'Courier New', monospace;

  /* brand streak, as a gradient (orange -> yellow -> cyan) */
  --streak:  linear-gradient(90deg, var(--orange) 0%, var(--yellow2) 35%, var(--yellow) 55%, var(--cyan) 100%);
}

/* per-module accent (eo = cyan, ll = orange, os = yellow) */
body[data-module="eo"] { --accent: var(--cyan); }
body[data-module="ll"] { --accent: var(--orange); }
body[data-module="os"] { --accent: var(--yellow); }

body[data-module] {
  --accent-bg:   color-mix(in srgb, var(--accent) 8%, transparent);
  --accent-line: color-mix(in srgb, var(--accent) 38%, transparent);
  --accent-ink:  #0A0A0A;
}

/* base typography rules (spec §3): tabular digits everywhere,
   primary text is #F2F2F2 (never pure white), body minimum 13px */
body {
  background: var(--bg);
  color: var(--txt);
  font-family: var(--body);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}