/* Design tokens for the whole platform.
   One source of truth: the landing page and the admin panel both read these. */

:root {
  /* Core Blue Palette */
  --bg-deep: #060B19;
  --bg-surface: #0A122B;
  --bg-surface-elevated: #101E42;
  --bg-card: #142450;
  --bg-card-hover: #1A2E63;

  /* Borders & Glassmorphism */
  --border-subtle: rgba(58, 134, 255, 0.12);
  --border-active: rgba(58, 134, 255, 0.35);
  --border-glow: rgba(58, 134, 255, 0.6);
  --glass-bg: rgba(10, 18, 43, 0.75);
  --glass-blur: blur(16px);

  /* Accents & Brand Colors */
  --primary-blue: #1E6091;
  --accent-electric: #3A86FF;
  --accent-cyan: #00F5FF;
  --accent-purple: #7209B7;
  --status-success: #10B981;
  --status-warning: #F59E0B;
  --status-danger: #EF4444;

  /* Typography & Text */
  --text-main: #F1F5F9;
  --text-muted: #94A3B8;
  --text-dim: #64748B;

  /* Shadows & Glows */
  --glow-blue: 0 0 35px rgba(58, 134, 255, 0.25);
  --glow-cyan: 0 0 25px rgba(0, 245, 255, 0.2);
  --card-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.5);

  /* Radii & Transitions */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 9999px;
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Gradients */
  --grad-brand: linear-gradient(135deg, var(--accent-electric) 0%, var(--accent-cyan) 100%);
  --grad-deep: linear-gradient(135deg, var(--accent-electric) 0%, var(--accent-purple) 100%);

  /* --- Legacy aliases ---
     The admin templates were written against these shorter names; keeping them
     mapped here means no markup had to be rewritten for the new palette. */
  --text: var(--text-main);
  --muted: var(--text-muted);
  --line: var(--border-subtle);
  --line-strong: var(--border-active);
  --accent: var(--accent-electric);
  --accent-dark: var(--primary-blue);
  --accent-soft: rgba(58, 134, 255, 0.14);
  --card: var(--bg-surface-elevated);
  --card-2: var(--bg-card);
  --paper: var(--bg-deep);
  --ink-900: var(--bg-deep);
  --ink-800: var(--bg-surface);
  --radius: var(--radius-md);
  --shadow: var(--card-shadow);
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}