/* onlinevideo.app · shared design tokens. Canonical copy served at /admin/assets/tokens.css. */
:root {
  --color-paper: oklch(98% .004 250);
  --color-surface: oklch(100% 0 0);
  --color-ink: oklch(24% .034 259);
  --color-body: oklch(36% .022 257);
  --color-muted: oklch(49% .019 253);
  --color-rule: oklch(90% .009 251);
  --color-hover: oklch(96% .008 250);
  --color-accent: oklch(43% .08 174);
  --color-accent-soft: oklch(95% .026 172);
  --color-accent-ink: oklch(99% .003 171);
  --color-rail: oklch(22% .039 259);
  --color-rail-raised: oklch(29% .033 254);
  --color-rail-ink: oklch(95% .013 245);
  --color-rail-muted: oklch(74% .024 249);
  --color-mint: oklch(85% .092 171);
  --color-danger: oklch(45% .16 26);
  --color-danger-soft: oklch(97% .014 25);
  --color-warning: oklch(46% .09 74);
  --color-warning-soft: oklch(96% .032 85);
  --color-focus: oklch(43% .08 174);
  --color-overlay: oklch(15% .025 259 / .52);
  --color-chart-secondary: oklch(63% .025 253);
  --color-clear: transparent;
  --font-display: 'Avenir Next', ui-sans-serif, system-ui, sans-serif;
  --font-body: ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, 'SFMono-Regular', monospace;
  --space-xs: 4px; --space-sm: 8px; --space-md: 12px; --space-lg: 16px;
  --space-xl: 24px; --space-2xl: 32px; --space-3xl: 48px; --space-4xl: 64px;
  --text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem;
  --text-md: 1.25rem; --text-lg: 1.5rem; --text-xl: 2rem;
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px;
  --ease-out: cubic-bezier(.16, 1, .3, 1); --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-micro: 120ms; --dur-short: 220ms; --dur-long: 420ms;
  --rule-width: 1px; --z-sticky: 20; --z-notice: 100;
}