/* Design tokens, copied verbatim from frontend/src/index.css. Do not
   'simplify' these to hex: the OKLCH values are what the app ships. */

:root {
    --radius: 0.625rem;

    --background: oklch(1 0 0);
    --foreground: oklch(0.141 0.005 285.823);

    --card: var(--background);
    --card-foreground: var(--foreground);

    --primary: oklch(72.87% 0.065 182.59);
    --primary-foreground: oklch(98% 0 0);

    --secondary: oklch(43.37% 0.077 251.29);
    --secondary-foreground: oklch(98% 0 0);

    --muted: oklch(43.37% 0.077 251.29 / 0.12);
    --muted-foreground: oklch(32% 0.02 255);

    --accent: oklch(43.37% 0.077 251.29 / 0.18);

    --status-success: oklch(52% 0.12 155);
    --status-error: oklch(55% 0.22 27);
    --status-warning: oklch(78% 0.19 85);
    --status-info: oklch(55% 0.24 262);
    --warning: var(--status-warning);

    --border: oklch(0.92 0.004 286.32);
    --input: oklch(0.92 0.004 286.32);
    --ring: var(--primary);

    --appbar: #69b199;

    --radius-sm: calc(var(--radius) - 4px);
    --radius-md: calc(var(--radius) - 2px);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) + 4px);

    --shadow-card: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

@media (prefers-color-scheme: dark) {
    :root {
        --background: oklch(0.16 0.008 285);
        --foreground: oklch(0.985 0 0);

        --card: oklch(0.2 0.01 285);

        --primary: oklch(60% 0.05 182.59);
        --secondary: oklch(32% 0.06 251.29);

        --muted: oklch(32% 0.06 251.29 / 0.25);
        --muted-foreground: oklch(78% 0.01 285);

        --accent: oklch(32% 0.06 251.29 / 0.35);

        --status-success: oklch(65% 0.12 155);
        --status-error: oklch(67% 0.22 27);
        --status-warning: oklch(80% 0.18 85);
        --status-info: oklch(68% 0.24 262);

        --border: oklch(1 0 0 / 12%);
        --input: oklch(1 0 0 / 15%);

        --appbar: #163830;

        /* Tonal layering carries depth on dark surfaces; shadows read as mud. */
        --shadow-card: none;
    }
}
