:root {
  --ds-ink: #121a2a;
  --ds-ink-soft: #2f3b52;
  --ds-muted: #5c687c;
  --ds-faint: #7b8798;
  --ds-cream: #f6f3ec;
  --ds-mist: #eef3f8;
  --ds-cloud: #f8fafc;
  --ds-blue: #1f5fbf;
  --ds-blue-deep: #174a99;
  --ds-violet: #7c3aed;
  --ds-cyan: #c2410c;
  --ds-mint: #9f1239;
  --ds-peach: #fb923c;
  --ds-pink: #f0abfc;
  --ds-lilac: #c4b5fd;
  --ds-sky: #93c5fd;
  --ds-butter: #fde68a;
  --ds-surface: rgba(255, 255, 255, 0.82);
  --ds-surface-strong: rgba(255, 255, 255, 0.96);
  --ds-border: rgba(37, 54, 83, 0.15);
  --ds-border-strong: rgba(31, 95, 191, 0.32);
  --ds-header-bg: rgba(248, 250, 252, 0.97);
  --ds-header-border: rgba(37, 54, 83, 0.12);
  --ds-body-bg: #f8fafc;
  --ds-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ds-font-display: "Inter", ui-sans-serif, system-ui, sans-serif;
  --ds-font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;
  --ds-text-xs: 0.78rem;
  --ds-text-sm: 0.92rem;
  --ds-text-base: 1rem;
  --ds-text-lg: clamp(1.05rem, 1.1vw, 1.14rem);
  --ds-text-xl: clamp(1.28rem, 1.55vw, 1.7rem);
  --ds-text-2xl: clamp(1.9rem, 2.65vw, 2.7rem);
  --ds-content: 1180px;
  --ds-radius-md: 8px;
  --ds-radius-lg: 10px;
  --ds-radius-xl: 12px;
  --ds-radius-pill: 999px;
  --ds-shadow-soft: 0 10px 26px rgba(31, 41, 55, 0.07);
  --ds-shadow-card: 0 12px 34px rgba(31, 41, 55, 0.09);
  --ds-motion-fast: 160ms ease;
  --ds-motion-base: 240ms ease;
  --ds-section: clamp(3.25rem, 5.5vw, 4.75rem);
}

[data-theme="dark"] {
  --ds-ink: #f5efe7;
  --ds-ink-soft: #e7d8c8;
  --ds-muted: #c4b4a5;
  --ds-faint: #958677;
  --ds-cloud: #15110f;
  --ds-blue: #c4b5fd;
  --ds-blue-deep: #ddd6fe;
  --ds-violet: #c084fc;
  --ds-cyan: #f59e0b;
  --ds-mint: #fb7185;
  --ds-peach: #fdba74;
  --ds-surface: rgba(27, 22, 20, 0.84);
  --ds-surface-strong: rgba(33, 27, 24, 0.96);
  --ds-border: rgba(231, 216, 202, 0.2);
  --ds-border-strong: rgba(245, 158, 11, 0.38);
  --ds-header-bg: rgba(19, 15, 14, 0.98);
  --ds-header-border: rgba(231, 216, 202, 0.16);
  --ds-body-bg: #15110f;
}