@import "tailwindcss";

@custom-variant dark (&:is(.dark *));

.font-icon-line {
    font-family: "Material Symbols Outlined";
    font-variation-settings:
        "FILL" 0,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24;
}

.font-icon-fill {
    font-family: "Material Symbols Outlined";
    font-variation-settings:
        "FILL" 1,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24;
}

:root {
    --font-title: "Lexend", sans-serif;
    --font-text: "Nunito Sans", sans-serif;
    --font-code: "JetBrains Mono", monospace;

    --background: oklch(100% 0 0);
    --foreground: oklch(0% 0 0);
    --muted: oklch(0.97 0 0);
    --muted-foreground: oklch(0.525 0 0);
    --default: oklch(94.969% 0.00277 285.769);
    --default-foreground: oklch(0.225 0 0);
    --primary: oklch(20.77% 0.04 265.75);
    --primary-foreground: oklch(1 0 0);
    --accent: oklch(75.35% 0.139 232.66);
    --accent-foreground: oklch(1 0 0);
    --ghost: oklch(97.02% 0 0);
    --ghost-foreground: oklch(0.333 0 0);
    --success: oklch(54.69% 0.184 142.23);
    --success-foreground: oklch(1 0 0);
    --warning: oklch(0.625 0.163 48.998);
    --warning-foreground: oklch(1 0 0);
    --info: oklch(49.02% 0.21 266.93);
    --info-foreground: oklch(1 0 0);
    --destructive: oklch(52.01% 0.19 24.6);
    --destructive-foreground: oklch(1 0 0);
    --border: oklch(92.2% 0 0);
    --input: oklch(92.2% 0 0);
    --ring: oklch(70.8% 0 0);
}

.dark {
    --background: oklch(20.46% 0 0);
    --foreground: oklch(98.51% 0 0);
    --muted: oklch(0.269 0 0);
    --muted-foreground: oklch(0.708 0 0);
    --default: oklch(0.269 0 0);
    --default-foreground: oklch(0.985 0 0);
    --primary: oklch(98.82% 0.045 277.19);
    --primary-foreground: oklch(18.48% 0.045 277.19);
    --accent: oklch(75.35% 0.139 232.66);
    --accent-foreground: oklch(100% 0 0);
    --ghost: oklch(26.86% 0 0);
    --ghost-foreground: oklch(70.9% 0 0);
    --success: oklch(91.74% 0.155 140.26);
    --success-foreground: oklch(26.97% 0.086 142.39);
    --warning: oklch(82.07% 0.15 75.5);
    --warning-foreground: oklch(39.15% 0.119 35.84);
    --info: oklch(79.78% 0.088 258.13);
    --info-foreground: oklch(27.92% 0.081 271.53);
    --destructive: oklch(81.06% 0.098 15.53);
    --destructive-foreground: oklch(25.63% 0.083 22.57);
    --border: oklch(26.86% 0 0);
    --input: oklch(26.86% 0 0);
    --ring: oklch(32.55% 0 0);
}

@theme inline {
    --font-title: var(--font-title);
    --font-text: var(--font-text);
    --font-code: var(--font-code);

    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-muted: var(--muted);
    --color-muted-foreground: var(--muted-foreground);
    --color-default: var(--default);
    --color-default-foreground: var(--default-foreground);
    --color-primary: var(--primary);
    --color-primary-foreground: var(--primary-foreground);
    --color-accent: var(--accent);
    --color-accent-foreground: var(--accent-foreground);
    --color-ghost: var(--ghost);
    --color-ghost-foreground: var(--ghost-foreground);
    --color-success: var(--success);
    --color-success-foreground: var(--success-foreground);
    --color-warning: var(--warning);
    --color-warning-foreground: var(--warning-foreground);
    --color-info: var(--info);
    --color-info-foreground: var(--info-foreground);
    --color-destructive: var(--destructive);
    --color-destructive-foreground: var(--destructive-foreground);
    --color-border: var(--border);
    --color-input: var(--input);
    --color-ring: var(--ring);
}