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

@plugin "daisyui/theme" {
    name: 'light';
    default: true;
    color-scheme: light;
    --color-base-100: oklch(91% 0.0117 37.42);
    --color-base-200: oklch(88% 0.0117 37.42);
    --color-base-300: oklch(85% 0.0117 37.42);
    --color-base-content: oklch(12% 0.042 264.695);
    --color-primary: #b81413;
    --color-primary-content: oklch(98% 0.003 247.858);
    --color-secondary: #de5e1c;
    --color-secondary-content: oklch(94% 0.028 342.258);
    --color-accent: #b81413;
    --color-accent-content: oklch(98% 0.003 247.858);
    --color-neutral: oklch(14% 0.005 285.823);
    --color-neutral-content: oklch(98% 0.003 247.858);
    --color-info: oklch(0.8403 0.1724 84.08);
    --color-info-content: oklch(12% 0.042 264.695);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(0.5915 0.202 21.24);
    --color-error-content: oklch(27% 0.105 12.094);
}

@plugin "daisyui/theme" {
    name: 'dark';
    prefersdark: true; /* set as default dark mode (prefers-color-scheme:dark) */
    color-scheme: dark;
    --color-primary: #b81413;
    --color-primary-content: white;
    --color-secondary: #de5e1c;
    --color-secondary-content: black;
    --color-accent: #b81413;
    --color-accent-content: white;
    --color-info: oklch(0.8403 0.1724 84.08);
    --color-info-content: black;
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(0.5915 0.202 21.24);
    --color-error-content: oklch(27% 0.105 12.094);
    --tab-border-color: white;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(/static/fonts/Lato-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url(/static/fonts/Lato-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url(/static/fonts/Lato-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: url(/static/fonts/Lato-BoldItalic.ttf) format('truetype');
}

html {
    font-family: 'Lato', sans-serif;
}
