:root {
  color-scheme: light;

  --bg: #ffffff;
  --bg-alt: #f6f7f9;
  --surface: rgba(255, 255, 255, 0.72);
  --border: rgba(15, 23, 42, 0.1);
  --text: #0b0f17;
  --muted: rgba(11, 15, 23, 0.72);
  --accent: #1ab6d2;
  --accent-2: #37b5fb;

  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(15, 23, 42, 0.1);
  --glass-border-soft: rgba(15, 23, 42, 0.06);
  --surface-soft: linear-gradient(160deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.82));
  --glass-sheen: rgba(255, 255, 255, 0.45);
  --glass-blur: 14px;

  --radius-md: 16px;
  --radius-lg: 22px;

  --shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.06);
  --shadow-card: 0 14px 40px rgba(15, 23, 42, 0.1);
  --shadow-panel: 0 20px 45px rgba(15, 23, 42, 0.08);
  --shadow-focus: 0 0 0 3px rgba(26, 182, 210, 0.3);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.25rem;
  --space-7: 3.25rem;
  --space-8: 4.75rem;
  --space-9: 6rem;

  --container-max: 1120px;
  --container-pad: clamp(1rem, 2.2vw + 0.35rem, 2.4rem);

  --font-sans: ui-sans-serif, system-ui, -apple-system, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fs-body: 1rem;
  --fs-h1: clamp(2.125rem, 5vw, 3.25rem);
  --fs-h2: clamp(1.5rem, 3.6vw, 2.25rem);
  --fs-h3: clamp(1.125rem, 1.5vw + 0.85rem, 1.4rem);
  --lh-tight: 1.3;
  --lh-base: 1.65;

  --trans-fast: 130ms cubic-bezier(0.4, 0, 0.2, 1);
  --trans-med: 240ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 900px) {
  :root {
    --space-7: 4rem;
    --space-8: 5.5rem;
    --space-9: 6.8rem;
    --fs-h1: clamp(2.2rem, 3vw, 2.5rem);
    --fs-h2: clamp(1.55rem, 2vw, 2rem);
  }
}