@import url('https://fonts.bunny.net/css?family=instrument-sans:400,500,600,700,800');

:root {
    --radius: 0.5rem;
    --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% 0.245 27.325);
    --destructive-foreground: oklch(98.5% 0 0);
    --border: oklch(92.2% 0 0);
    --input: oklch(92.2% 0 0);
    --ring: oklch(70.8% 0 0);
    --sidebar: oklch(98.5% 0 0);
    --sidebar-foreground: oklch(37.1% 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(70.8% 0 0);
}

.dark {
    --background: oklch(14.5% 0 0);
    --foreground: oklch(98.5% 0 0);
    --card: oklch(14.5% 0 0);
    --card-foreground: oklch(98.5% 0 0);
    --popover: oklch(14.5% 0 0);
    --popover-foreground: oklch(98.5% 0 0);
    --primary: oklch(98.5% 0 0);
    --primary-foreground: oklch(20.5% 0 0);
    --secondary: oklch(26.9% 0 0);
    --secondary-foreground: oklch(98.5% 0 0);
    --muted: oklch(26.9% 0 0);
    --muted-foreground: oklch(70.8% 0 0);
    --accent: oklch(26.9% 0 0);
    --accent-foreground: oklch(98.5% 0 0);
    --destructive: oklch(39.6% 0.141 25.723);
    --destructive-foreground: oklch(98.5% 0 0);
    --border: oklch(26.9% 0 0);
    --input: oklch(26.9% 0 0);
    --ring: oklch(43.9% 0 0);
    --sidebar: oklch(20.5% 0 0);
    --sidebar-foreground: oklch(70.8% 0 0);
    --sidebar-primary: oklch(98.5% 0 0);
    --sidebar-primary-foreground: oklch(20.5% 0 0);
    --sidebar-accent: oklch(26.9% 0 0);
    --sidebar-accent-foreground: oklch(98.5% 0 0);
    --sidebar-border: oklch(26.9% 0 0);
    --sidebar-ring: oklch(43.9% 0 0);
}