/* ==========================================================================
   NEUTRON AI — THEME TOKENS
   Single source of truth for the visual language of the whole app.
   Edit values in :root to re-theme every page instantly.
   ========================================================================== */

:root {
  /* ---- Core palette (from Neutron logo: gold + black only) ---- */
  --color-black-950: #030304;
  --color-black-900: #05050a;
  --color-black-800: #0a0a10;
  --color-graphite-700: #121218;
  --color-graphite-600: #191922;
  --color-graphite-500: #22222c;
  --color-graphite-400: #2c2c38;
  --color-border-subtle: #33333f;

  --color-gold-100: #fff6d6;
  --color-gold-200: #ffe89b;
  --color-gold-300: #ffe066;
  --color-gold-400: #ffd700;
  --color-gold-500: #d4af37;
  --color-gold-600: #b8912b;
  --color-gold-700: #8a6d1a;
  --color-gold-800: #5c470f;
  --color-gold-900: #2e2100;

  --color-text-primary: #f5f1e6;
  --color-text-secondary: #b9b3a0;
  --color-text-muted: #7a7568;
  --color-text-on-gold: #1a1200;

  --color-success: #3ddc84;
  --color-warning: #ffb020;
  --color-danger: #ff5a5f;
  --color-info: #4fc3f7;

  /* ---- Gradients ---- */
  --gradient-gold-premium: linear-gradient(135deg, #fff6d6 0%, #ffe066 22%, #ffd700 45%, #d4af37 68%, #8a6d1a 100%);
  --gradient-gold-soft: linear-gradient(135deg, #ffe066 0%, #d4af37 100%);
  --gradient-gold-line: linear-gradient(90deg, transparent 0%, #ffd700 50%, transparent 100%);
  --gradient-bg-radial: radial-gradient(circle at 20% 0%, rgba(255, 215, 0, 0.10) 0%, rgba(5, 5, 10, 0) 45%),
                          radial-gradient(circle at 100% 30%, rgba(212, 175, 55, 0.08) 0%, rgba(5, 5, 10, 0) 50%),
                          linear-gradient(180deg, #05050a 0%, #0a0a10 40%, #030304 100%);
  --gradient-card: linear-gradient(160deg, rgba(255, 215, 0, 0.06) 0%, rgba(18, 18, 24, 0.6) 40%, rgba(5, 5, 10, 0.9) 100%);
  --gradient-card-hover: linear-gradient(160deg, rgba(255, 215, 0, 0.14) 0%, rgba(24, 24, 32, 0.7) 40%, rgba(5, 5, 10, 0.95) 100%);
  --gradient-sidebar: linear-gradient(180deg, #0a0a10 0%, #05050a 100%);
  --gradient-text-gold: var(--gradient-gold-premium);

  /* ---- Typography ---- */
  --font-display: "Orbitron", "Space Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --fs-xs: 0.72rem;
  --fs-sm: 0.82rem;
  --fs-base: 0.95rem;
  --fs-md: 1.05rem;
  --fs-lg: 1.3rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.4rem;
  --fs-3xl: 3.2rem;

  /* ---- Spacing scale ---- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* ---- Radii ---- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* ---- Shadows / Glow ---- */
  --shadow-elevate: 0 10px 30px rgba(0, 0, 0, 0.55);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  --glow-gold-sm: 0 0 12px rgba(255, 215, 0, 0.25);
  --glow-gold-md: 0 0 24px rgba(255, 215, 0, 0.35);
  --glow-gold-lg: 0 0 48px rgba(255, 215, 0, 0.28);

  /* ---- Layout ---- */
  --sidebar-width: 248px;
  --topbar-height: 68px;
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);

  --z-background: 0;
  --z-content: 10;
  --z-sidebar: 20;
  --z-topbar: 30;
  --z-modal: 100;
}