@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

:root {
    --background: oklch(0.19 0.03 255);
    --foreground: oklch(0.97 0.01 90);

    --card: oklch(0.24 0.03 255);
    --card-foreground: oklch(0.97 0.01 90);

    --popover: oklch(0.22 0.03 255);
    --popover-foreground: oklch(0.97 0.01 90);

    --primary: oklch(0.82 0.16 82);
    --primary-foreground: oklch(0.18 0.02 255);

    --secondary: oklch(0.3 0.03 255);
    --secondary-foreground: oklch(0.97 0.01 90);

    --muted: oklch(0.28 0.02 255);
    --muted-foreground: oklch(0.72 0.02 250);

    --accent: oklch(0.7 0.16 240);
    --accent-foreground: oklch(0.98 0.01 90);

    --destructive: oklch(0.62 0.22 25);
    --destructive-foreground: oklch(0.98 0.01 90);

    --border: oklch(0.34 0.03 250);
    --input: oklch(0.34 0.03 250);
    --ring: oklch(0.82 0.16 82);

    --chart-1: oklch(0.82 0.16 82);
    --chart-2: oklch(0.7 0.16 240);
    --chart-3: oklch(0.68 0.11 55);
    --chart-4: oklch(0.6 0.19 20);
    --chart-5: oklch(0.55 0.08 260);

    --sidebar: oklch(0.22 0.03 255);
    --sidebar-foreground: oklch(0.97 0.01 90);
    --sidebar-primary: oklch(0.82 0.16 82);
    --sidebar-primary-foreground: oklch(0.18 0.02 255);
    --sidebar-accent: oklch(0.3 0.03 255);
    --sidebar-accent-foreground: oklch(0.97 0.01 90);
    --sidebar-border: oklch(0.34 0.03 250);
    --sidebar-ring: oklch(0.82 0.16 82);

    --font-sans:
        ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
        "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --radius: 0.625rem;

    --shadow-x: 0;
    --shadow-y: 1px;
    --shadow-blur: 3px;
    --shadow-spread: 0px;
    --shadow-opacity: 0.16;
    --shadow-color: oklch(0 0 0);

    --shadow-2xs: 0 1px 3px 0px hsl(221 55% 8% / 0.08);
    --shadow-xs: 0 1px 3px 0px hsl(221 55% 8% / 0.08);
    --shadow-sm: 0 1px 3px 0px hsl(221 55% 8% / 0.14), 0 1px 2px -1px hsl(221 55% 8% / 0.14);
    --shadow: 0 1px 3px 0px hsl(221 55% 8% / 0.14), 0 1px 2px -1px hsl(221 55% 8% / 0.14);
    --shadow-md: 0 1px 3px 0px hsl(221 55% 8% / 0.14), 0 2px 4px -1px hsl(221 55% 8% / 0.14);
    --shadow-lg: 0 1px 3px 0px hsl(221 55% 8% / 0.14), 0 4px 6px -1px hsl(221 55% 8% / 0.14);
    --shadow-xl: 0 1px 3px 0px hsl(221 55% 8% / 0.14), 0 8px 10px -1px hsl(221 55% 8% / 0.14);
    --shadow-2xl: 0 1px 3px 0px hsl(221 55% 8% / 0.28);

    --tracking-normal: 0em;
    --spacing: 0.25rem;
}

.dark {
    --background: oklch(0.17 0.03 255);
    --foreground: oklch(0.97 0.01 90);

    --card: oklch(0.22 0.03 255);
    --card-foreground: oklch(0.97 0.01 90);

    --popover: oklch(0.2 0.03 255);
    --popover-foreground: oklch(0.97 0.01 90);

    --primary: oklch(0.82 0.16 82);
    --primary-foreground: oklch(0.18 0.02 255);

    --secondary: oklch(0.28 0.03 255);
    --secondary-foreground: oklch(0.97 0.01 90);

    --muted: oklch(0.26 0.02 255);
    --muted-foreground: oklch(0.72 0.02 250);

    --accent: oklch(0.7 0.16 240);
    --accent-foreground: oklch(0.98 0.01 90);

    --destructive: oklch(0.66 0.2 25);
    --destructive-foreground: oklch(0.98 0.01 90);

    --border: oklch(0.3 0.03 250);
    --input: oklch(0.32 0.03 250);
    --ring: oklch(0.82 0.16 82);

    --chart-1: oklch(0.82 0.16 82);
    --chart-2: oklch(0.7 0.16 240);
    --chart-3: oklch(0.68 0.11 55);
    --chart-4: oklch(0.6 0.19 20);
    --chart-5: oklch(0.55 0.08 260);

    --sidebar: oklch(0.2 0.03 255);
    --sidebar-foreground: oklch(0.97 0.01 90);
    --sidebar-primary: oklch(0.82 0.16 82);
    --sidebar-primary-foreground: oklch(0.18 0.02 255);
    --sidebar-accent: oklch(0.28 0.03 255);
    --sidebar-accent-foreground: oklch(0.97 0.01 90);
    --sidebar-border: oklch(0.3 0.03 250);
    --sidebar-ring: oklch(0.82 0.16 82);

    --font-sans:
        ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
        "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --radius: 0.625rem;

    --shadow-x: 0;
    --shadow-y: 1px;
    --shadow-blur: 3px;
    --shadow-spread: 0px;
    --shadow-opacity: 0.16;
    --shadow-color: oklch(0 0 0);

    --shadow-2xs: 0 1px 3px 0px hsl(221 55% 8% / 0.08);
    --shadow-xs: 0 1px 3px 0px hsl(221 55% 8% / 0.08);
    --shadow-sm: 0 1px 3px 0px hsl(221 55% 8% / 0.14), 0 1px 2px -1px hsl(221 55% 8% / 0.14);
    --shadow: 0 1px 3px 0px hsl(221 55% 8% / 0.14), 0 1px 2px -1px hsl(221 55% 8% / 0.14);
    --shadow-md: 0 1px 3px 0px hsl(221 55% 8% / 0.14), 0 2px 4px -1px hsl(221 55% 8% / 0.14);
    --shadow-lg: 0 1px 3px 0px hsl(221 55% 8% / 0.14), 0 4px 6px -1px hsl(221 55% 8% / 0.14);
    --shadow-xl: 0 1px 3px 0px hsl(221 55% 8% / 0.14), 0 8px 10px -1px hsl(221 55% 8% / 0.14);
    --shadow-2xl: 0 1px 3px 0px hsl(221 55% 8% / 0.28);
}