@import url('/assets/fonts.css');
/* Design tokens (Blue/Teal palette) */
:root{
  --background: 0.985 0.005 240;
  --foreground: 0.25 0.04 250;
  --card: 1 0 0;
  --card-foreground: 0.25 0.04 250;
  --popover: 1 0 0;
  --popover-foreground: 0.25 0.04 250;
  --primary: 0.55 0.18 250;
  --primary-foreground: 0.99 0 0;
  --secondary: 0.92 0.02 240;
  --secondary-foreground: 0.25 0.04 250;
  --muted: 0.96 0.01 240;
  --muted-foreground: 0.5 0.03 250;
  --accent: 0.65 0.14 190;
  --accent-foreground: 0.99 0 0;
  --destructive: 0.577 0.245 27.325;
  --destructive-foreground: 0.99 0 0;
  --border: 0.9 0.015 240;
  --input: 0.9 0.015 240;
  --ring: 0.55 0.18 250;
  --radius: 10px;
}
.dark{
  --background: 0.18 0.03 250;
  --foreground: 0.95 0.01 240;
  --card: 0.22 0.03 250;
  --card-foreground: 0.95 0.01 240;
  --popover: 0.22 0.03 250;
  --popover-foreground: 0.95 0.01 240;
  --primary: 0.65 0.16 240;
  --primary-foreground: 0.99 0 0;
  --secondary: 0.28 0.03 250;
  --secondary-foreground: 0.95 0.01 240;
  --muted: 0.28 0.03 250;
  --muted-foreground: 0.65 0.02 240;
  --accent: 0.6 0.14 190;
  --accent-foreground: 0.99 0 0;
  --destructive: 0.396 0.141 25.723;
  --destructive-foreground: 0.99 0 0;
  --border: 0.3 0.03 250;
  --input: 0.3 0.03 250;
  --ring: 0.65 0.16 240;
}