/* Theme color definitions */

@theme {
  --color-black:      oklch(0% 0 0);
  --color-white:      oklch(100% 0 0);

  --color-background: oklch(89.75% 0 0);
  --color-text:       oklch(0% 0 0);

  --color-primary:     oklch(60.48% 0.2166 257.2);
  --color-primary-100: color-mix(in oklch, var(--color-primary) 10%, white);
  --color-primary-200: color-mix(in oklch, var(--color-primary) 20%, white);
  --color-primary-300: color-mix(in oklch, var(--color-primary) 30%, white);
  --color-primary-400: color-mix(in oklch, var(--color-primary) 40%, white);
  --color-primary-500: color-mix(in oklch, var(--color-primary) 50%, white);
  --color-primary-600: color-mix(in oklch, var(--color-primary) 60%, white);
  --color-primary-700: color-mix(in oklch, var(--color-primary) 70%, white);
  --color-primary-800: color-mix(in oklch, var(--color-primary) 80%, white);
  --color-primary-900: color-mix(in oklch, var(--color-primary) 90%, white);

  --color-secondary:     oklch(55.75% 0.0165 244.9);
  --color-secondary-100: color-mix(in oklch, var(--color-secondary) 10%, white);
  --color-secondary-200: color-mix(in oklch, var(--color-secondary) 20%, white);
  --color-secondary-300: color-mix(in oklch, var(--color-secondary) 30%, white);
  --color-secondary-400: color-mix(in oklch, var(--color-secondary) 40%, white);
  --color-secondary-500: color-mix(in oklch, var(--color-secondary) 50%, white);
  --color-secondary-600: color-mix(in oklch, var(--color-secondary) 60%, white);
  --color-secondary-700: color-mix(in oklch, var(--color-secondary) 70%, white);
  --color-secondary-800: color-mix(in oklch, var(--color-secondary) 80%, white);
  --color-secondary-900: color-mix(in oklch, var(--color-secondary) 90%, white);

  --color-success: oklch(64.01% 0.1751 146.7);
  --color-info:    oklch(65.52% 0.1105 212.2);
  --color-warning: oklch(84.42% 0.1722 84.93);
  --color-danger:  oklch(59.15% 0.202 21.24);
  --color-light:   oklch(98.16% 0.0017 247.8);
  --color-dark:    oklch(34.51% 0.0133 248.2);
}