/* =========================================================
   Espace Particulier – Theme tokens (colours from logo-MS3.svg)
   Green is the main colour here (the Espace Pro uses blue).
   Loaded first by header.php; every other particulier2 stylesheet uses these.
   File: /particulier2/css/theme-client.css
   ========================================================= */

html,
body {
    margin: 0;
}

body.kp-client {
    background: var(--kp-bg);
}

:root {
    /* Brand (logo) */
    --ms-blue: #3268B7;
    --ms-green: #64A044;

    /* Main colour = logo green */
    --kp-primary: #4F8A36;          /* sidebar, buttons, titles (logo green, a bit darker) */
    --kp-primary-dark: #3E6F2A;     /* hovers, text on white */
    --kp-primary-soft: #ecf4e6;     /* light tint: hovers, active rows */

    /* Accent = logo blue (active marker, "Nouveau projet" button, links on green) */
    --kp-accent: #3268B7;
    --kp-accent-dark: #27548f;
    --kp-accent-on-dark: #ffffff;

    /* Kept for shared rules */
    --kp-green-soft: #eef6e8;
    --kp-blue-soft: #eaf1fb;

    /* Neutrals (slightly warm/green grey) */
    --kp-bg: #f1f5ee;
    --kp-card: #ffffff;
    --kp-text: #1f2d1a;
    --kp-muted: #5f6d5a;
    --kp-border: #e1e8dc;

    /* Status */
    --kp-red: #d93a1f;
    --kp-green: #4F8A36;
    --kp-orange: #f0a000;
    --kp-blue: #3268B7;

    /* Shape */
    --kp-radius: 10px;
    --kp-shadow: 0 2px 10px rgba(31, 56, 22, 0.07);
    --kp-shadow-lg: 0 12px 32px rgba(31, 56, 22, 0.18);

    /* Layout */
    --kp-sidebar-w: 260px;
    --kp-header-h: 84px;
    --kp-bottombar-h: 64px;
}

@media (max-width: 991.98px) {
    :root {
        --kp-sidebar-w: 220px;
    }
}

@media (max-width: 798.98px) {
    :root {
        --kp-header-h: 64px;
    }
}