/* Studio tokens, copied from ThreeDevBros/landing-page@5accd14 (spec §3), plus the per-visit themes. */
:root {
  --ink: #0d0c0b;
  --ink-2: #161513;
  --ink-3: #1f1d1b;
  --bone: #ebe5da;
  --muted: #8f8a80;
  --line: rgba(235, 229, 218, .1);
  --sans: "Commissioner", system-ui, sans-serif;
  --serif: "Noto Serif Display", Georgia, serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --pad: max(clamp(16px, 4vw, 56px), env(safe-area-inset-left), env(safe-area-inset-right));
  --out: cubic-bezier(.16, 1, .3, 1);
  --nav-h: 72px;
  --max: 1200px;
  /* No-JS default = sea. Text on any accent fill is always --ink (spec §3). */
  --accent: #2FA8C4;
  --cloud-deep: #0A2A38;
  --cloud-glow: #2FA8C4;
  color-scheme: dark;
}
[data-theme="sea"]    { --accent: #2FA8C4; --cloud-deep: #0A2A38; --cloud-glow: #2FA8C4; }
[data-theme="cobalt"] { --accent: #8c9cff; --cloud-deep: #121750; --cloud-glow: #3d5afe; }
[data-theme="coral"]  { --accent: #FF7A59; --cloud-deep: #3A140C; --cloud-glow: #FF6A45; }
[data-theme="amber"]  { --accent: #F2B84B; --cloud-deep: #33240A; --cloud-glow: #E9A52F; }
[data-theme="mint"]   { --accent: #5FD39A; --cloud-deep: #0C2E1F; --cloud-glow: #3FBF7F; }
[data-theme="violet"] { --accent: #B18CFF; --cloud-deep: #1E1440; --cloud-glow: #8E66F0; }
@media (max-width: 860px) { :root { --nav-h: 64px; } }