:root {
  --font-sans: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --bg-canvas: #f2f3f7;
  --bg-dark: #0b1220;
  --bg-dark-soft: #111a2b;
  --surface: #ffffff;
  --surface-soft: #f7f8fb;
  --surface-strong: #1a2336;
  --text: #10131a;
  --text-soft: #657089;
  --text-inverse: #f8fbff;
  --text-muted-inverse: #98a7c2;
  --line: rgba(16, 19, 26, 0.08);
  --line-strong: rgba(255, 255, 255, 0.08);
  --accent: #ff6b00;
  --accent-strong: #ff5400;
  --accent-soft: #fff1e6;
  --danger: #f24848;
  --danger-soft: #fff0f0;
  --warning: #f4b400;
  --warning-soft: #fff8e1;
  --success: #32b267;
  --success-soft: #edfff4;
  --info: #4d7cff;
  --info-soft: #eef3ff;
  --premium-border: #ff8b3d;
  --success-strong: #34b64f;
  --disabled-icon: #b8bcc6;
  --disabled-text: #8e95a3;
  --shadow-phone: 0 40px 80px rgba(15, 23, 42, 0.16);
  --shadow-card: 0 18px 32px rgba(15, 23, 42, 0.08);
  --radius-phone: 32px;
  --radius-xl: 24px;
  --radius-lg: 20px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --radius-xs: 10px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --duration-fast: 140ms;
  --duration-base: 220ms;
  --duration-slow: 320ms;
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --phone-width: min(100vw, 430px);
  --phone-height: 100dvh;
  --safe-top: max(16px, env(safe-area-inset-top));
  --safe-bottom: max(16px, env(safe-area-inset-bottom));
}