:root {
  --color-bg: #f4f5f9;
  --color-bg-elevated: #ffffff;
  --color-bg-dark: #0b0d16;

  --color-primary: #7c5cff;
  --color-primary-dark: #5b3df0;
  --color-primary-light: #a78bfa;
  --gradient-primary: linear-gradient(135deg, #7c5cff 0%, #22d3ee 100%);
  --gradient-name: linear-gradient(90deg, #34d399 0%, #60a5fa 100%);

  --color-text: #14141f;
  --color-text-muted: #6b7280;
  --color-text-light: #ffffff;
  --color-text-light-muted: rgba(255, 255, 255, 0.75);

  --color-black: #0d0d12;
  --color-white: #ffffff;

  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-bg-strong: rgba(255, 255, 255, 0.75);
  --glass-bg-dark: rgba(15, 16, 26, 0.55);
  --glass-border: rgba(255, 255, 255, 0.4);
  --glass-border-dark: rgba(255, 255, 255, 0.12);
  --blur-sm: blur(8px);
  --blur-md: blur(16px);
  --blur-lg: blur(28px);

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-xl: 32px;
  --radius-full: 999px;

  --shadow-sm: 0 2px 10px rgba(20, 20, 40, 0.06);
  --shadow-md: 0 10px 30px rgba(20, 20, 40, 0.10);
  --shadow-lg: 0 20px 50px rgba(20, 20, 40, 0.16);
  --shadow-glow: 0 0 28px rgba(124, 92, 255, 0.4);

  --transition-fast: 0.15s ease;
  --transition-base: 0.3s ease;

  --font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;

  --container-max: 480px;
  --spacing-page: 16px;
}