:root {
  color-scheme: light;

  --color-ink: #0a2540;
  --color-primary: #635bff;
  --color-primary-dark: #5149ff;
  --color-mint: #41dcac;
  --color-mint-dark: #32c99b;
  --color-cloud: #f6f9fc;
  --color-white: #ffffff;

  --ink-88: rgba(10, 37, 64, 0.88);
  --ink-72: rgba(10, 37, 64, 0.72);
  --ink-64: rgba(10, 37, 64, 0.64);
  --ink-12: rgba(10, 37, 64, 0.12);
  --ink-08: rgba(10, 37, 64, 0.08);
  --primary-18: rgba(99, 91, 255, 0.18);
  --primary-12: rgba(99, 91, 255, 0.12);
  --mint-20: rgba(65, 220, 172, 0.2);
  --white-72: rgba(255, 255, 255, 0.72);
  --white-18: rgba(255, 255, 255, 0.18);
  --cloud-92: rgba(246, 249, 252, 0.92);

  --text-main: var(--color-ink);
  --text-muted: var(--ink-72);
  --text-soft: var(--ink-64);
  --border-soft: var(--ink-08);
  --border-primary: var(--primary-18);

  --font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-main: var(--font-sans);

  --radius-button: 16px;
  --radius-card: 18px;
  --radius-panel: 24px;
  --radius-hero: 28px;

  --shadow-soft: 0 12px 30px rgba(10, 37, 64, 0.08);
  --shadow-lift: 0 18px 40px rgba(10, 37, 64, 0.12);
  --shadow-button: 0 12px 24px rgba(99, 91, 255, 0.25);

  --gradient-main: linear-gradient(120deg, rgba(99, 91, 255, 0.98) 10%, rgba(65, 220, 172, 0.96) 90%);
  --gradient-section: linear-gradient(135deg, #4f46ff 0%, #635bff 55%, #7a73ff 100%);
  --gradient-soft: linear-gradient(180deg, #f6f9fc 0%, #ffffff 55%, #eef3ff 100%);

  --container: 1152px;
  --site-header-height: 77px;
  --space-section: clamp(4rem, 8vw, 7rem);
}