@import "tailwindcss";
@plugin "daisyui";

@plugin "daisyui/theme" {
    name: "light";
    default: true;
    prefersdark: true;
    color-scheme: "light";
    --color-base-100: oklch(98% 0 0);
    --color-base-200: oklch(95% 0 0);
    --color-base-300: oklch(91% 0 0);
    --color-base-content: oklch(20% 0 0);
    --color-primary: oklch(55% 0.25 250);
    --color-primary-content: oklch(98% 0 0);
    --color-secondary: oklch(40% 0.2 280);
    --color-secondary-content: oklch(98% 0 0);
    --color-accent: oklch(45% 0.2 320);
    --color-accent-content: oklch(98% 0 0);
    --color-neutral: oklch(35% 0.15 260);
    --color-neutral-content: oklch(95% 0 0);
    --color-info: oklch(60% 0.2 220);
    --color-info-content: oklch(98% 0 0);
    --color-success: oklch(65% 0.2 150);
    --color-success-content: oklch(98% 0 0);
    --color-warning: oklch(75% 0.2 80);
    --color-warning-content: oklch(20% 0 0);
    --color-error: oklch(60% 0.25 30);
    --color-error-content: oklch(98% 0 0);
    --radius-selector: 0.5rem;
    --radius-field: 0.5rem;
    --radius-box: 0.75rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
}

html {
    scroll-behavior: smooth;
}

@font-face {
    font-family: "Roboto Slab";
    src: url("/fonts/roboto.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: block;
}

body {
    font-family: "Roboto Slab", serif;
}