:root {
  --background: oklch(100% 0 0);
  --foreground: oklch(14.5% 0 0);
  --card: oklch(100% 0 0);
  --card-foreground: oklch(14.5% 0 0);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(14.5% 0 0);
  --primary: oklch(20.5% 0 0);
  --primary-foreground: oklch(98.5% 0 0);
  --secondary: oklch(97% 0 0);
  --secondary-foreground: oklch(20.5% 0 0);
  --muted: oklch(97% 0 0);
  --muted-foreground: oklch(55.6% 0 0);
  --accent: oklch(97% 0 0);
  --accent-foreground: oklch(20.5% 0 0);
  --destructive: oklch(57.7% .245 27.325);
  --destructive-foreground: oklch(57.7% .245 27.325);
  --border: oklch(92.2% 0 0);
  --input: oklch(92.2% 0 0);
  --ring: oklch(87% 0 0);
  --radius: .625rem;
  --sidebar: oklch(98.5% 0 0);
  --sidebar-foreground: oklch(14.5% 0 0);
  --sidebar-primary: oklch(20.5% 0 0);
  --sidebar-primary-foreground: oklch(98.5% 0 0);
  --sidebar-accent: oklch(97% 0 0);
  --sidebar-accent-foreground: oklch(20.5% 0 0);
  --sidebar-border: oklch(92.2% 0 0);
  --sidebar-ring: oklch(87% 0 0);

  --color-amber-500: oklch(76.9% .188 70.08);
  --color-amber-600: oklch(66.6% .179 58.318);
}

html.dark, :root.dark, .dark {
  --background: oklch(22.177% 0.05166 53.262);
  --foreground: oklch(0.9400 0.0150 65.00);
  --card: oklch(0.1700 0.0320 62.00);
  --card-foreground: oklch(0.9400 0.0150 65.00);
  --popover: oklch(0.1500 0.0280 58.00);
  --popover-foreground: oklch(0.9400 0.0150 65.00);
  --primary: oklch(66.6% 0.179 58.318);
  --primary-foreground: oklch(0.1000 0.0100 60.00);
  --secondary: oklch(0.1900 0.0380 55.00);
  --secondary-foreground: oklch(0.9100 0.0140 65.00);
  --muted: oklch(0.1800 0.0340 58.00);
  --muted-foreground: oklch(0.6400 0.0120 62.00);
  --accent: oklch(0.8000 0.1200 50.00);
  --accent-foreground: oklch(0.1000 0.0100 50.00);
  --border: oklch(0.2100 0.0340 58.00);
  --input: oklch(0.2100 0.0340 58.00);
  --sidebar: oklch(0.1900 0.0380 55.00);
  --sidebar-foreground: oklch(0.9100 0.0140 65.00);
  --sidebar-primary: oklch(0.7500 0.1500 60.00);
  --sidebar-primary-foreground: oklch(0.1000 0.0100 60.00);
  --sidebar-accent: oklch(0.2100 0.0340 58.00);
  --sidebar-accent-foreground: oklch(0.9100 0.0140 65.00);
  --sidebar-border: oklch(0.2100 0.0340 58.00);
}

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
  font-family: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  -webkit-tap-highlight-color: transparent;
}

*, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; }