/* ============================================================
   Consola — Design Tokens (shared foundation)
   ------------------------------------------------------------
   ONE system, TWO skins. Default = DARK.
   `body.theme-cream` overrides for the in-app cream skin
   (the account-level toggle).

   • The marketing landing loads THIS FILE and stays dark
     (it never adds .theme-cream).
   • The app loads the SAME file on top of design_system.css,
     so the landing and the product share one source of truth.

   Generated from the Phase 0 spec (Consola Design System).
   ============================================================ */
:root {
  /* surfaces */
  --app-bg:            #0C0A1E;
  --app-bg-2:          #131030;
  --app-surface:       #1A1640;
  --app-surface-2:     #221C52;
  --app-border:        rgb(255 255 255 / 10%);
  --app-border-strong: rgb(255 255 255 / 18%);

  /* text */
  --app-text:          #F3F0FF;
  --app-text-soft:     #B3ACD9;

  /* lifted from #7A7299 (~3.8:1, failed AA) to ~5.8:1 — kept in sync with
     consola-theme.css; old value was too dim to read on dark surfaces. */
  --app-text-muted:    #9A93BD;

  /* module / world identity — DARK variant (brighter, neon) */
  --w-math:  #FF8A33;
  --w-num:   #B06CFF;
  --w-word:  #2BE07A;
  --w-read:  #33CFFF;
  --w-gram:  #FFC531;
  --w-chess: #FF5DA8;

  /* effects */
  --glow-on: 1;                    /* 1 = neon glows on. Multiply glow shadows by this. */
  --btn-relief: rgb(0 0 0 / 42%);  /* 3D pressable-button drop shadow */

  /* type */
  --font-display: "Fredoka", system-ui, sans-serif;
  --font-body:    "Nunito", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;
}

/* CREAM skin — in-app only, set via the account toggle. Not used by the landing. */
body.theme-cream {
  --app-bg:            #FFF7ED;
  --app-bg-2:          #FEF6EE;
  --app-surface:       #FFF;
  --app-surface-2:     #FFF1E2;
  --app-border:        #E7E5E4;
  --app-border-strong: #D6D3D1;
  --app-text:          #1C1917;
  --app-text-soft:     #78716C;
  --app-text-muted:    #A8A29E;

  /* module identity — CREAM variant (deeper, legible on light) */
  --w-math:  #F97316;
  --w-num:   #8B5CF6;
  --w-word:  #10B981;
  --w-read:  #0284C7;
  --w-gram:  #D97706;
  --w-chess: #DB2777;
  --glow-on: 0;                    /* no neon on cream — soft shadows instead */
  --btn-relief: #E7E5E4;
}