:root {
  color-scheme: dark;
  --doz-bg: #07111f;
  --doz-bg-deep: #06101c;
  --doz-surface: #102238;
  --doz-surface-2: #142b45;
  --doz-card-grad: linear-gradient(135deg, #0f2234, #0a1826);
  --doz-line: #a8c9e02b;
  --doz-text: #f5faff;
  --doz-muted: #b4c8d6;
  --doz-subtle: #8b9aad;
  --doz-accent: #35d7ca;
  --doz-accent-ink: #062a30;
  --doz-focus: #6cf9e6;
  --doz-accent-2: #4b8cff;
  --doz-grad: linear-gradient(90deg, #35d7ca, #4b8cff);
  --doz-warning: #f6bd55;
  --doz-danger: #f06478;
  --doz-success: #75f3cf;
  --doz-radius-card: 22px;
  --doz-radius-btn: 10px;
  --doz-hero-glow: radial-gradient(ellipse 90% 0 at 50% 0, #14465c, #06101c 70%);
  --doz-ink: var(--doz-text);
  --doz-navy: var(--doz-surface);
  --doz-blue: var(--doz-accent-2);
  --doz-cyan: var(--doz-accent);
  --doz-violet: var(--doz-accent-2);
  --doz-card: var(--doz-surface);
  --premium-raised: var(--doz-surface-2);
  --premium-accent: var(--doz-accent);
  --premium-radius: var(--doz-radius-card);
  --premium-gap: 24px;
  --bs-primary: var(--doz-accent);
  --bs-primary-rgb: 53, 215, 202;
  --bs-body-bg: var(--doz-bg);
  --bs-body-color: var(--doz-text);
  --bs-border-color: var(--doz-line);
  --bs-link-color: var(--doz-accent);
  --bs-link-hover-color: var(--doz-focus);
  --bs-focus-ring-color: #6cf9e680;
}