@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    :root {
        --background: 0 0% 100%;
        --foreground: 222 47% 11%;

        --card: 0 0% 100%;
        --card-foreground: 222 47% 11%;

        --popover: 0 0% 100%;
        --popover-foreground: 222 47% 11%;

        --primary: 245 75% 59%;
        --primary-foreground: 0 0% 100%;

        --secondary: 220 14% 96%;
        --secondary-foreground: 222 47% 11%;

        --muted: 220 14% 96%;
        --muted-foreground: 220 9% 46%;

        --accent: 245 75% 96%;
        --accent-foreground: 245 75% 30%;

        --destructive: 0 72% 51%;
        --destructive-foreground: 0 0% 100%;

        --border: 220 13% 91%;
        --input: 220 13% 91%;
        --ring: 245 75% 59%;

        --radius: 0.75rem;

        --score-good: 152 60% 42%;
        --score-warn: 38 92% 50%;
        --score-critical: 0 72% 51%;
        --score-locked: 220 9% 65%;
    }

    .dark {
        --background: 224 71% 4%;
        --foreground: 210 20% 98%;

        --card: 222 47% 7%;
        --card-foreground: 210 20% 98%;

        --popover: 222 47% 7%;
        --popover-foreground: 210 20% 98%;

        --primary: 245 83% 67%;
        --primary-foreground: 224 71% 4%;

        --secondary: 222 39% 13%;
        --secondary-foreground: 210 20% 98%;

        --muted: 222 39% 13%;
        --muted-foreground: 217 15% 65%;

        --accent: 245 45% 18%;
        --accent-foreground: 245 90% 85%;

        --destructive: 0 63% 31%;
        --destructive-foreground: 210 20% 98%;

        --border: 222 33% 17%;
        --input: 222 33% 17%;
        --ring: 245 83% 67%;

        --score-good: 152 55% 45%;
        --score-warn: 38 92% 55%;
        --score-critical: 0 70% 60%;
        --score-locked: 217 15% 40%;
    }

    * {
        @apply border-border;
    }

    body {
        @apply bg-background text-foreground antialiased;
    }
}