:root {
  --sd-ink: #132f40;
  --sd-muted: #587e8c;
  --sd-primary: #41b3bf;
  --sd-accent: #5cf2f2;
  --sd-accent2: #50f2e2;

  --bg: var(--sd-ink);
  --bg-soft: #17394b;
  --surface: #1a3f54;
  --surface-2: #204a61;
  --text: #ecf7fa;
  --text-muted: #b8d0d8;
  --border: rgba(92, 242, 242, 0.2);
  --primary: var(--sd-primary);
  --primary-strong: var(--sd-accent2);
  --focus-ring: 0 0 0 3px rgba(80, 242, 226, 0.45);
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadow-card: 0 20px 40px rgba(7, 24, 33, 0.32);
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
}