/* Voltrus design tokens (JoyoFit-style). Dark = :root, light = html[data-theme="light"] (the default).
   Single source for pages that do NOT render BaseStyles.astro (self-contained pages, articles, docs):
   link it in <head> BEFORE the page's own <style> and delete the page's old :root / light token blocks.
   Keep in sync with the token block at the top of src/components/styles/BaseStyles.astro. */
:root {
  --bg: oklch(0.17 0.008 85);
  --bg-raised: oklch(0.22 0.01 85);
  --bg-surface: oklch(0.27 0.01 85);
  --border: oklch(1 0 0 / 10%);
  --border-strong: oklch(1 0 0 / 18%);
  --text: oklch(0.96 0.008 85);
  --text-secondary: oklch(0.82 0.012 85);
  --text-muted: oklch(0.72 0.012 85);
  --text-dim: oklch(0.72 0.012 85);
  --accent: oklch(0.8 0.15 165);
  --accent-bright: oklch(0.87 0.15 165);
  --accent-dim: oklch(0.8 0.15 165 / 0.12);
  --accent-glow: oklch(0.8 0.15 165 / 0.2);
  --accent-ink: oklch(0.25 0.04 165);
  --bad: oklch(0.72 0.14 27);
  --amber: oklch(0.82 0.14 85);
  --amber-dim: oklch(0.82 0.14 85 / 0.12);
  --tint-green: oklch(0.3 0.045 165);
  --tint-green-ink: oklch(0.86 0.08 165);
  --tint-orange: oklch(0.31 0.05 45);
  --tint-orange-ink: oklch(0.86 0.09 50);
  --tint-indigo: oklch(0.3 0.05 275);
  --tint-indigo-ink: oklch(0.86 0.07 275);
  --tint-blue: oklch(0.3 0.045 230);
  --tint-blue-ink: oklch(0.86 0.07 225);
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: var(--font-sans);
  --font-serif: var(--font-sans);
  --font-code: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --radius-card: 1.75rem;
  --radius-lg: 1.25rem;
  --shadow-float: 0 1px 2px oklch(0 0 0 / 30%), 0 8px 24px -6px oklch(0 0 0 / 40%);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}
html[data-theme="light"] {
  --bg: oklch(0.975 0.008 85);
  --bg-raised: oklch(1 0 0);
  --bg-surface: oklch(0.955 0.01 85);
  --border: oklch(0.91 0.01 85);
  --border-strong: oklch(0.85 0.012 85);
  --text: oklch(0.22 0.012 85);
  --text-secondary: oklch(0.4 0.014 85);
  --text-muted: oklch(0.5 0.014 85);
  --text-dim: oklch(0.5 0.014 85);
  --accent: oklch(0.47 0.09 165);
  --accent-bright: oklch(0.4 0.09 165);
  --accent-dim: oklch(0.47 0.09 165 / 0.09);
  --accent-glow: oklch(0.47 0.09 165 / 0.18);
  --accent-ink: oklch(1 0 0);
  --bad: oklch(0.52 0.17 27);
  --amber: oklch(0.52 0.12 70);
  --amber-dim: oklch(0.52 0.12 70 / 0.1);
  --tint-green: oklch(0.945 0.03 165);
  --tint-green-ink: oklch(0.4 0.08 165);
  --tint-orange: oklch(0.95 0.03 50);
  --tint-orange-ink: oklch(0.47 0.14 40);
  --tint-indigo: oklch(0.95 0.025 275);
  --tint-indigo-ink: oklch(0.43 0.13 275);
  --tint-blue: oklch(0.942 0.023 217);
  --tint-blue-ink: oklch(0.404 0.077 229);
  --shadow-float: 0 1px 2px oklch(0.3 0.02 85 / 6%), 0 8px 24px -6px oklch(0.3 0.02 85 / 14%);
}