:root {
  /* Admin design tokens — Deep Teal palette */
  --admin-sidebar-width: 15rem;
  --admin-primary: oklch(25% 0.06 195);
  --admin-primary-container: oklch(32% 0.07 195);
  --admin-primary-light: oklch(38% 0.06 195);
  --admin-secondary: oklch(50% 0.18 20);
  --admin-secondary-container: oklch(62% 0.20 20);
  --admin-tertiary: oklch(55% 0.12 70);
  --admin-tertiary-container: oklch(65% 0.10 70);
  --admin-surface: oklch(97% 0.003 200);
  --admin-surface-low: oklch(95% 0.005 200);
  --admin-surface-container: oklch(100% 0 0);
  --admin-on-surface: oklch(20% 0.02 200);
  --admin-on-surface-variant: oklch(45% 0.02 200);
  --admin-on-primary: oklch(100% 0 0);
  --admin-ghost-border: oklch(80% 0.01 200 / 0.15);
  --admin-sidebar-active: oklch(30% 0.05 195);
  --admin-sidebar-hover: oklch(28% 0.05 195);
  --admin-sidebar-text: oklch(85% 0.01 200);
  --admin-sidebar-label: oklch(55% 0.06 195);
  --admin-shadow: 0 12px 32px oklch(20% 0.02 200 / 0.06);
  --admin-ink: oklch(20% 0.02 200);

  /* Surface tints */
  --lch-canvas-tinted: 97% 0.003 175;

  /* Badge-specific tokens */
  --lch-warning-text: 55% 0.15 85;
  --lch-purple-bg: 95% 0.03 300;
  --lch-purple-text: 45% 0.15 300;

  /* Admin component tokens */
  --admin-border-light: oklch(85% 0.01 200);
  --admin-border-medium: oklch(75% 0.03 200);
  --admin-shadow-lch: 20% 0.02 200;
  --admin-scrollbar: oklch(80% 0 0);
  --admin-surface-hover: oklch(97% 0.005 195);
}