:root {
  --color-bg-950: #0a0718;
  --color-bg-900: #120d25;
  --color-bg-850: #1c1532;
  --color-surface-800: #241a3e;
  --color-surface-700: #302253;
  --color-surface-600: #3d2c69;

  --color-text-primary: #f5f6ff;
  --color-text-secondary: #d2cee9;
  --color-text-muted: #a59bbe;
  --color-text-on-accent: #f5f6ff;
  --color-utility-text-strong: #cfc8e7;
  --color-status-error: #ffb3c4;
  --color-status-success: #9ce9c1;

  --color-accent-gold: #d2a14a;
  --color-accent-gold-soft: #e0bc77;
  --color-accent-plum: #6f45bb;
  --color-accent-violet: #7b3fd3;
  --color-accent-indigo: #4c1d95;
  --color-accent-cyan: #84c7e0;
  --color-accent-orange: #b77a45;

  --color-label-accent: #c89f5a;
  --color-footer-heading: #c0b2d9;
  --color-border-panel: rgba(208, 188, 236, 0.22);
  --color-border-subtle: rgba(230, 220, 250, 0.16);
  --color-header-main-bg: rgba(11, 8, 25, 0.95);
  --color-header-utility-bg: rgba(26, 20, 45, 0.94);
  --color-panel-bg: rgba(24, 18, 42, 0.9);
  --color-panel-bg-strong: rgba(32, 23, 52, 0.94);
  --color-input-bg: rgba(16, 12, 31, 0.92);
  --color-input-border: rgba(205, 181, 238, 0.28);
  --color-ghost-bg: rgba(26, 18, 48, 0.86);
  --color-ghost-border: rgba(196, 169, 236, 0.4);
  --color-ghost-border-hover: rgba(215, 189, 245, 0.66);
  --color-focus-ring: rgba(147, 211, 239, 0.88);
  --color-focus-ring-soft: rgba(147, 211, 239, 0.28);

  --gradient-page: radial-gradient(130% 120% at 60% -10%, #2f2452 0%, #17112f 46%, #090713 100%);
  --gradient-accent-button: linear-gradient(90deg, #4c1d95 0%, #5c2ca9 40%, #7b3fd3 100%);
  --gradient-hero-panel: linear-gradient(180deg, rgba(111, 69, 187, 0.2) 0%, rgba(16, 12, 31, 0.94) 100%);

  --font-display: "Lexend", "Rajdhani", "Orbitron", sans-serif;
  --font-body: "Lexend", "Manrope", "Inter", sans-serif;

  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  --shadow-card: 0 6px 20px rgba(0, 0, 0, 0.35);
  --shadow-pop: 0 12px 36px rgba(20, 10, 70, 0.55);
  --motion-fast: 160ms;
  --motion-base: 240ms;
  --motion-slow: 360ms;
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);

  --layout-max-width: 1230px;
  --control-touch-min: 44px;
  --gutter-desktop: 24px;
  --gutter-tablet: 20px;
  --gutter-mobile: 16px;
  --header-height: 85px;
  --header-main-height: 57px;
  --header-utility-height: 28px;
}