/* ===================================================================
   LS LABS DESIGN TOKENS
   Source: LS Labs Brand Guidelines (2026) & LABS_FRONTEND_ARCHITECTURE.md
   =================================================================== */

:root {
  /* 04 Color Palette - Core Primitives */
  --color-navy: #0B1F3B;         /* Trust & Depth */
  --color-navy-dark: #060E1C;    /* Deep Void */
  --color-navy-surface: #0E1A2F; /* Elevated Dark Surface */
  --color-slate: #475569;        /* Balance & Clarity */
  --color-slate-light: #64748B;  /* Secondary Text */
  --color-slate-muted: #94A3B8;  /* Subtitles & Eyebrows */
  --color-blue: #3B82F6;         /* Intelligence & Progress (Muted Blue) */
  --color-blue-bright: #60A5FA;  /* Glow / Highlight */
  --color-blue-deep: #1D4ED8;    /* Action Active */
  --color-mist: #E5EAF2;         /* Space & Focus */
  --color-mist-light: #F4F7FA;   /* Subtle Surface Light */
  --color-indigo: #8B7CF6;       /* Insight & Momentum (Indigo Accent) */
  --color-indigo-soft: #A78BFA;  /* Soft Gradient Stop */

  /* Neutral & Dark Atmosphere Tokens */
  --bg-dark-void: #070B14;
  --bg-dark-base: #0B132B;
  --bg-dark-surface: rgba(15, 23, 42, 0.75);
  --bg-dark-elevated: rgba(24, 38, 66, 0.85);
  --border-dark-subtle: rgba(229, 234, 242, 0.08);
  --border-dark-strong: rgba(229, 234, 242, 0.16);
  --border-dark-glow: rgba(59, 130, 246, 0.4);

  /* Light Theme / Document Surfaces */
  --bg-light-base: #FFFFFF;
  --bg-light-surface: #F8FAFC;
  --bg-light-card: #FFFFFF;
  --text-light-heading: #0B1F3B;
  --text-light-body: #334155;
  --text-light-muted: #64748B;
  --border-light: rgba(11, 31, 59, 0.1);

  /* Text Tones (Dark Atmosphere) */
  --text-white: #FFFFFF;
  --text-heading: #F8FAFC;
  --text-body: #CBD5E1;
  --text-muted: #94A3B8;

  /* Typography */
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Elevation & Glows */
  --shadow-card: 0 12px 36px -4px rgba(0, 0, 0, 0.45), 0 4px 16px -2px rgba(0, 0, 0, 0.3);
  --shadow-card-hover: 0 20px 48px -6px rgba(0, 0, 0, 0.6), 0 0 24px rgba(59, 130, 246, 0.25);
  --shadow-glow-blue: 0 0 40px rgba(59, 130, 246, 0.35);
  --shadow-glow-indigo: 0 0 44px rgba(139, 124, 246, 0.3);

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 240ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 380ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Max Widths */
  --container-max: 1240px;
  --container-narrow: 920px;
}