:root {
  --font-display: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;
  --font-body: "Sora", "Segoe UI", sans-serif;

  --color-bg: #f4f8ff;
  --color-surface: #ffffff;
  --color-ink: #0c1738;
  --color-muted: #4f5b80;
  --color-primary: #1a8dde;
  --color-secondary: #3559e6;
  --color-accent: #6f5de5;
  --color-cyan: #03bedf;
  --color-line: rgba(33, 57, 120, 0.16);

  --gradient-brand: linear-gradient(135deg, #00bddf 0%, #2d80e4 50%, #6f5de5 100%);
  --gradient-soft: linear-gradient(135deg, rgba(3, 190, 223, 0.14) 0%, rgba(111, 93, 229, 0.14) 100%);
  --gradient-deep: linear-gradient(155deg, #0d1946 0%, #1f2f85 45%, #5c48d2 100%);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;

  --shadow-soft: 0 16px 40px rgba(31, 53, 120, 0.1);
  --shadow-strong: 0 20px 60px rgba(20, 38, 98, 0.22);

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;

  --container: 1160px;
}