/* REDive UI kit 1.0 — shared by the studio and /ui-kit.html. */
:root {
  color-scheme: dark;
  --color-ocean-950: #0b141b;
  --color-ocean-900: #111d25;
  --color-ocean-800: #182b35;
  --color-text: #edf5f4;
  --color-text-secondary: #a7b9c3;
  --color-seafoam: #b9ded6;
  --color-water: #74c7ec;
  --color-coral: #ff6b61;
  --color-sunlight: #e9c78f;
  --color-error: #ffaaa6;
  --color-control-border: #708794;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-control: 8px;
  --radius-card: 16px;
  --motion-fast: 160ms;
  --motion-standard: 240ms;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* Aliases keep the existing studio components compatible. */
  --bg: var(--color-ocean-950);
  --panel: var(--color-ocean-900);
  --line: #ffffff14;
  --muted: var(--color-text-secondary);
  --ink: var(--color-text);
  --mint: var(--color-seafoam);
  --gold: var(--color-sunlight);
  font-family: var(--font-ui);
  font-synthesis: none;
}