/* ========================================
   DESIGN TOKENS
======================================== */

:root {
  --bg: #0b1120;
  --bg-soft: #111a2e;
  --bg-elevated: rgba(18, 26, 46, 0.78);

  --surface: #121a2b;
  --surface-soft: #182338;
  --surface-line: rgba(255, 255, 255, 0.08);
  --surface-line-strong: rgba(255, 255, 255, 0.14);

  --text: #eaf1ff;
  --text-soft: #a9b7d0;
  --text-muted: #7e8aa3;

  --primary: #4f8cff;
  --primary-strong: #3f7af0;
  --secondary: #7c5cff;

  --success: #3bd49f;
  --warning: #f59e0b;
  --danger: #ef4444;

  --shadow-lg: 0 30px 80px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 16px 40px rgba(0, 0, 0, 0.22);
  --shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.16);

  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 12px;

  --container-max: 1200px;
  --header-height: 88px;

  --transition-fast: 0.2s ease;
  --transition-base: 0.25s ease;
}