/*
 * Color Palettes
 *
 * Generated from seed colors via color-mix(in oklab). Palettes are static in
 * both light and dark mode — 100 is always light and 900 is always dark.
 *
 * Use semantic tokens (fill/text/stroke) instead of these primitives when
 * building components that support dark mode.
 */

:root {
  /* Primary */
  --sigvelo-color-primary-50: color-mix(in oklab, var(--sigvelo-color-primary-seed), white 95%);
  --sigvelo-color-primary-100: color-mix(in oklab, var(--sigvelo-color-primary-seed), white 87%);
  --sigvelo-color-primary-200: color-mix(in oklab, var(--sigvelo-color-primary-seed), white 70%);
  --sigvelo-color-primary-300: color-mix(in oklab, var(--sigvelo-color-primary-seed), white 47%);
  --sigvelo-color-primary-400: color-mix(in oklab, var(--sigvelo-color-primary-seed), white 23%);
  --sigvelo-color-primary-500: var(--sigvelo-color-primary-seed);
  --sigvelo-color-primary-600: color-mix(in oklab, var(--sigvelo-color-primary-seed), black 15.5%);
  --sigvelo-color-primary-700: color-mix(in oklab, var(--sigvelo-color-primary-seed), black 28.25%);
  --sigvelo-color-primary-800: color-mix(in oklab, var(--sigvelo-color-primary-seed), black 43.5%);
  --sigvelo-color-primary-900: color-mix(in oklab, var(--sigvelo-color-primary-seed), black 58.5%);
  --sigvelo-color-primary-950: color-mix(in oklab, var(--sigvelo-color-primary-seed), black 73.75%);

  /* Neutral */
  --sigvelo-color-neutral-50: color-mix(in oklab, var(--sigvelo-color-neutral-seed), white 95%);
  --sigvelo-color-neutral-100: color-mix(in oklab, var(--sigvelo-color-neutral-seed), white 87%);
  --sigvelo-color-neutral-200: color-mix(in oklab, var(--sigvelo-color-neutral-seed), white 70%);
  --sigvelo-color-neutral-300: color-mix(in oklab, var(--sigvelo-color-neutral-seed), white 47%);
  --sigvelo-color-neutral-400: color-mix(in oklab, var(--sigvelo-color-neutral-seed), white 23%);
  --sigvelo-color-neutral-500: var(--sigvelo-color-neutral-seed);
  --sigvelo-color-neutral-600: color-mix(in oklab, var(--sigvelo-color-neutral-seed), black 15.5%);
  --sigvelo-color-neutral-700: color-mix(in oklab, var(--sigvelo-color-neutral-seed), black 28.25%);
  --sigvelo-color-neutral-800: color-mix(in oklab, var(--sigvelo-color-neutral-seed), black 43.5%);
  --sigvelo-color-neutral-900: color-mix(in oklab, var(--sigvelo-color-neutral-seed), black 58.5%);
  --sigvelo-color-neutral-950: color-mix(in oklab, var(--sigvelo-color-neutral-seed), black 73.75%);

  /* Constructive */
  --sigvelo-color-success-50: color-mix(in oklab, var(--sigvelo-color-success-seed), white 95%);
  --sigvelo-color-success-100: color-mix(in oklab, var(--sigvelo-color-success-seed), white 87%);
  --sigvelo-color-success-200: color-mix(in oklab, var(--sigvelo-color-success-seed), white 70%);
  --sigvelo-color-success-300: color-mix(in oklab, var(--sigvelo-color-success-seed), white 47%);
  --sigvelo-color-success-400: color-mix(in oklab, var(--sigvelo-color-success-seed), white 23%);
  --sigvelo-color-success-500: var(--sigvelo-color-success-seed);
  --sigvelo-color-success-600: color-mix(in oklab, var(--sigvelo-color-success-seed), black 15.5%);
  --sigvelo-color-success-700: color-mix(in oklab, var(--sigvelo-color-success-seed), black 28.25%);
  --sigvelo-color-success-800: color-mix(in oklab, var(--sigvelo-color-success-seed), black 43.5%);
  --sigvelo-color-success-900: color-mix(in oklab, var(--sigvelo-color-success-seed), black 58.5%);
  --sigvelo-color-success-950: color-mix(in oklab, var(--sigvelo-color-success-seed), black 73.75%);

  /* Caution */
  --sigvelo-color-warning-50: color-mix(in oklab, var(--sigvelo-color-warning-seed), white 95%);
  --sigvelo-color-warning-100: color-mix(in oklab, var(--sigvelo-color-warning-seed), white 87%);
  --sigvelo-color-warning-200: color-mix(in oklab, var(--sigvelo-color-warning-seed), white 70%);
  --sigvelo-color-warning-300: color-mix(in oklab, var(--sigvelo-color-warning-seed), white 47%);
  --sigvelo-color-warning-400: color-mix(in oklab, var(--sigvelo-color-warning-seed), white 23%);
  --sigvelo-color-warning-500: var(--sigvelo-color-warning-seed);
  --sigvelo-color-warning-600: color-mix(in oklab, var(--sigvelo-color-warning-seed), black 15.5%);
  --sigvelo-color-warning-700: color-mix(in oklab, var(--sigvelo-color-warning-seed), black 28.25%);
  --sigvelo-color-warning-800: color-mix(in oklab, var(--sigvelo-color-warning-seed), black 43.5%);
  --sigvelo-color-warning-900: color-mix(in oklab, var(--sigvelo-color-warning-seed), black 58.5%);
  --sigvelo-color-warning-950: color-mix(in oklab, var(--sigvelo-color-warning-seed), black 73.75%);

  /* Destructive */
  --sigvelo-color-danger-50: color-mix(in oklab, var(--sigvelo-color-danger-seed), white 95%);
  --sigvelo-color-danger-100: color-mix(in oklab, var(--sigvelo-color-danger-seed), white 87%);
  --sigvelo-color-danger-200: color-mix(in oklab, var(--sigvelo-color-danger-seed), white 70%);
  --sigvelo-color-danger-300: color-mix(in oklab, var(--sigvelo-color-danger-seed), white 47%);
  --sigvelo-color-danger-400: color-mix(in oklab, var(--sigvelo-color-danger-seed), white 23%);
  --sigvelo-color-danger-500: var(--sigvelo-color-danger-seed);
  --sigvelo-color-danger-600: color-mix(in oklab, var(--sigvelo-color-danger-seed), black 15.5%);
  --sigvelo-color-danger-700: color-mix(in oklab, var(--sigvelo-color-danger-seed), black 28.25%);
  --sigvelo-color-danger-800: color-mix(in oklab, var(--sigvelo-color-danger-seed), black 43.5%);
  --sigvelo-color-danger-900: color-mix(in oklab, var(--sigvelo-color-danger-seed), black 58.5%);
  --sigvelo-color-danger-950: color-mix(in oklab, var(--sigvelo-color-danger-seed), black 73.75%);
}