/* Named roles shared by every page and component. */
:root {
  --ct-font:
    'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial,
    sans-serif;
  --ct-width: 1280px;
  --ct-reading-width: 68ch;
  --ct-gutter: 48px;
  --ct-section-space: 64px;
  --ct-space-1: 8px;
  --ct-space-2: 16px;
  --ct-space-3: 24px;
  --ct-space-4: 32px;
  --ct-space-5: 48px;
  --ct-space-6: 64px;
  --ct-radius: 12px;
  --ct-radius-card: 16px;
  --ct-radius-large: 20px;
  --ct-title: clamp(2.6rem, 4.6vw, 4rem);
  --ct-display: clamp(2.6rem, 5.7vw, 5rem);
  --ct-heading: clamp(2rem, 3.5vw, 3.1rem);
  --ct-subheading: 1.5rem;
  --ct-heading-weight: 600;
  --ct-heading-tracking: -0.025em;
  --ct-action: #0869ec;
  --ct-action-hover: #075bd0;
  --ct-on-action: #fff;
  --ct-duration: 150ms;
  --ct-shadow: 0 24px 64px #0004;
}
:root,
[data-theme='dark'] {
  --ct-bg: #0b1015;
  --ct-surface: #111922;
  --ct-raised: #172330;
  --ct-text: #f6f7f9;
  --ct-muted: #b3bbc5;
  --ct-line: #2c3540;
  --ct-link: #79b9ff;
  --ct-focus: #9bcdff;
  --ct-error: #ffb4b4;
  --ct-success: #91d7b0;
  --ct-field: #0b121b;
  color-scheme: dark;
}
[data-theme='light'] {
  --ct-bg: #fff;
  --ct-surface: #f4f6f8;
  --ct-raised: #eaf0f5;
  --ct-text: #172b4d;
  --ct-muted: #536174;
  --ct-line: #d2dbe4;
  --ct-link: #075bd0;
  --ct-focus: #075bd0;
  --ct-error: #a62330;
  --ct-success: #216b42;
  --ct-field: #fff;
  color-scheme: light;
}
@media (max-width: 1023px) {
  :root {
    --ct-section-space: 48px;
  }
}
@media (max-width: 767px) {
  :root {
    --ct-gutter: 20px;
    --ct-section-space: 32px;
    --ct-title: clamp(2.25rem, 7.8vw, 3.5rem);
    --ct-display: var(--ct-title);
    --ct-heading: clamp(1.9rem, 6vw, 2.6rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --ct-duration: 0ms;
  }
}