/* ==========================================================================
   Diveroid Ocean Ops · Design Tokens
   Drop-in CSS variables. Apply <html data-theme="dark|light">.
   ========================================================================== */

:root {
  color-scheme: dark;

  /* ── Surfaces ─────────────────────────────────────────────── */
  --do-bg: #0e1623;
  --do-sidebar: oklch(14% 0.022 242);
  --do-panel: #192638;
  --do-panel-2: #223348;
  --do-inset: #101b2b;
  --do-line: #35465f;
  --do-line-soft: #2b3b52;
  --do-line-faint: #26364b;

  /* ── Ink ─────────────────────────────────────────────────── */
  --do-ink: #edf3fc;
  --do-ink-dim: #aebdd0;
  --do-ink-faint: #9baec5;

  /* ── Accents ─────────────────────────────────────────────── */
  --do-tide: #79b8ff;
  --do-tide-bright: #9ecfff;
  --do-biolum: #61d4b3;
  --do-coral: #ff918c;
  --do-amber: #edbf70;
  --do-violet: #b4c5df;
  /* Brand color is reserved for the primary action, separate from data states. */
  --do-primary: #8152c9;
  --do-primary-hover: #8858cc;
  --do-on-primary: #ffffff;

  /* ── Radius / Space / Font ───────────────────────────────── */
  --do-radius-sm: 8px;
  --do-radius: 14px;
  --do-radius-lg: 20px;
  --do-radius-pill: 999px;

  --do-space-1: 4px;
  --do-space-2: 8px;
  --do-space-3: 12px;
  --do-space-4: 16px;
  --do-space-5: 20px;
  --do-space-6: 28px;
  --do-space-7: 40px;

  --do-font-kr:
    "Pretendard Variable", Pretendard, "Inter Tight", ui-sans-serif,
    -apple-system, sans-serif;
  --do-font-sans:
    "Inter Tight", "Pretendard Variable", Pretendard, ui-sans-serif, sans-serif;
  --do-font-mono:
    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

html[data-theme="light"] {
  color-scheme: light;
  --do-bg: oklch(97% 0.005 225);
  --do-sidebar: oklch(99% 0.003 225);
  --do-panel: oklch(100% 0 0);
  --do-panel-2: oklch(97% 0.005 225);
  --do-inset: oklch(95% 0.007 225);
  --do-line: oklch(88% 0.01 228);
  --do-line-soft: oklch(93% 0.006 225);
  --do-line-faint: oklch(95% 0.005 225);
  --do-ink: oklch(20% 0.03 238);
  --do-ink-dim: oklch(42% 0.03 232);
  --do-ink-faint: oklch(58% 0.025 232);
  --do-tide: oklch(52% 0.15 225);
  --do-tide-bright: oklch(56% 0.15 215);
  --do-biolum: oklch(58% 0.15 190);
}

@media (prefers-reduced-motion: reduce) {
  .do-pulse,
  .do-ping {
    animation: none !important;
  }
}