/*
 * Hyran design tokens
 * Source: https://design.hyran.co
 * Use semantic aliases in components. Do not use raw palette values directly.
 */
:root {
  --hyran-ultra-50: #eeedfe;
  --hyran-ultra-100: #dcd9fd;
  --hyran-ultra-200: #b1a9fc;
  --hyran-ultra-300: #8a7df8;
  --hyran-ultra-400: #6455f2;
  --hyran-ultra-500: #4234ea;
  --hyran-ultra-600: #2f1fe6;
  --hyran-ultra-700: #2417c4;
  --hyran-ultra-800: #1b1299;
  --hyran-ultra-900: #120b8f;
  --hyran-ink: #14161d;
  --hyran-slate-50: #f7f8fa;
  --hyran-slate-100: #f1f3f6;
  --hyran-slate-200: #dee1e8;
  --hyran-slate-300: #c5cad4;
  --hyran-slate-400: #9299a8;
  --hyran-slate-500: #6c7382;
  --hyran-slate-600: #4c525f;
  --hyran-slate-700: #363b46;
  --hyran-slate-800: #23262f;
  --hyran-slate-900: #171a21;
  --hyran-brand-primary: #2f1fe6;
  --hyran-product-primary: #0b2a9b;
  --hyran-background: #f8f9fc;
  --hyran-surface: #ffffff;
  --hyran-foreground: #14161d;
  --hyran-muted-foreground: #6c7382;
  --hyran-border: #dee1e8;
  --hyran-provenance: #9a631a;
  --hyran-success: #22845f;
  --hyran-destructive: #b9433d;
  --hyran-radius-product: 0.375rem;
  --hyran-radius-brand: 1.25rem;
  --hyran-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --hyran-font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
}

.hyran-v2-dark {
  color-scheme: dark;
  --hyran-background: hsl(228 12% 8%);
  --hyran-surface: hsl(228 10% 13%);
  --hyran-foreground: hsl(225 15% 95%);
  --hyran-muted-foreground: hsl(227 8% 62%);
  --hyran-border: hsl(228 9% 20%);
  --hyran-product-primary: hsl(235 86% 72%);
  --hyran-provenance: hsl(36 64% 54%);
  --hyran-success: hsl(158 52% 48%);
  --hyran-destructive: hsl(4 68% 58%);
}