/* MDET e-Diligences — design tokens (docs/design.md) */

:root {
    color-scheme: light;

    /* Palette brute */
    --light-green: #B9FFB7;
    --celadon: #ABEDC6;
    --pearl-aqua: #98D9C2;
    --carrot: #F19A3E;
    --mocha: #403233;

    /* Sémantiques — fond menthe maquette Lovable */
    --background: #f0f9f4;
    --sidebar-bg: #e8f5ec;
    --foreground: var(--mocha);
    --card: #ffffff;
    --card-foreground: var(--mocha);
    --primary: var(--mocha);
    --primary-foreground: #f7fdf9;
    --secondary: #f0f7f3;
    --accent: var(--carrot);
    --accent-foreground: #ffffff;
    --muted: #f5f7f6;
    --muted-foreground: #6b6566;
    --destructive: #c53030;
    --destructive-foreground: #ffffff;
    --border: #e8ece9;
    --ring: var(--carrot);

    /* Statuts */
    --status-cours: var(--pearl-aqua);
    --status-realisee: oklch(0.65 0.16 155);
    --status-retard: var(--destructive);
    --status-bloquee: var(--carrot);

    /* Rayons & ombres */
    --radius-sm: 0.75rem;
    --radius-md: 1rem;
    --radius-lg: 1.25rem;
    --radius-xl: 1.5rem;
    --radius-2xl: 2rem;
    --radius-pill: 9999px;
    --shadow-sm: 0 1px 2px oklch(0.27 0.02 25 / 0.04);
    --shadow-md: 0 6px 24px -8px oklch(0.27 0.02 25 / 0.12);

    /* Heatmap calendrier activité */
    --heatmap-0: #f1fff1;
    --heatmap-1: #d4f7d4;
    --heatmap-2: #b2e7c1;
    --heatmap-3: #a8d5ba;
    --heatmap-peak: #e18b46;

    /* Layout */
    --sidebar-w: 16rem;
    --font-sans: "Plus Jakarta Sans", system-ui, sans-serif;
}

/* Thème sombre — palette MDET assombrie (mocha + accents conservés) */
html[data-theme="dark"] {
    color-scheme: dark;

    --background: #1c1818;
    --sidebar-bg: #242020;
    --foreground: #f3eeed;
    --card: #2a2424;
    --card-foreground: #f3eeed;
    --primary: #f3eeed;
    --primary-foreground: #1c1818;
    --secondary: #322c2c;
    --accent: var(--carrot);
    --accent-foreground: #ffffff;
    --muted: #2e2828;
    --muted-foreground: #a69e9f;
    --destructive: #e85d5d;
    --destructive-foreground: #ffffff;
    --border: #3a3333;
    --ring: var(--carrot);

    --shadow-sm: 0 1px 2px oklch(0 0 0 / 0.22);
    --shadow-md: 0 6px 24px -8px oklch(0 0 0 / 0.38);

    --heatmap-0: #1e2620;
    --heatmap-1: #263429;
    --heatmap-2: #2e4438;
    --heatmap-3: #3a5248;
    --heatmap-peak: #c47830;
}