/* ====================================================================
   🌐 THEMES MyMVC 2.0 — 5 thèmes complets
   Light / Dark / Luxe / Nature / Pastel
   Design professionnel — Cabinet Psychologique Premium
   ==================================================================== */

/* ====================================================================
   1) 🔵 VARIABLES GLOBALES — disponibles dans tous les thèmes
   ==================================================================== */

:root {
    /* ---- Typographies / arrondis / ombres ---- */
    --font-main: "Inter", "Segoe UI", Arial, sans-serif;
    --radius-sm: 5px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-default: 9999px;
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.10);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.16);
    /* ---- Accent global ---- */
    --accent-blue: #4C7AD6;
    --accent-blue-hover: #6D9AF2;
    /* ---- Palette Luxe ---- */
    --lux-bg: #0B101A;
    --lux-bg-alt: #0E1522;
    --lux-border: rgba(255,255,255,0.10);
    --lux-text: #F6F7F9;
    --lux-text-muted: #AEB7C5;
    --lux-gold: #DCC89B;
    --lux-gold-hover: #F0E1BA;
    /* ---- Palette Nature ---- */
    --nature-green: #A4BFA1;
    --nature-green-dark: #7DA886;
    --nature-cream: #FAF7F2;
    --nature-border: #D9E3D5;
    /* ---- Palette Pastel ---- */
    --pastel-blue: #AFCBFF;
    --pastel-blue-hover: #9ABAF0;
    --pastel-lavender: #D7CFFF;
    --pastel-muted: #6F6D86;
    --pastel-bg: #F9F9FF;
    /* ---- Variables Texte (fallback global) ---- */
    --color-text: #222;
    --color-text-muted: #666;
    --color-heading: #000;
    --color-inverse-text: #fff;
    --color-table-header: #4C4D4D;
    /* ---- Table striped (fallback) ---- */
    --table-striped-bg: rgba(0,0,0,0.03);
}

/* ====================================================================
2) ☀️ THEME LIGHT — Accueil / public
==================================================================== */
:root[data-theme="light"] {
    --color-bg: #fafaf9;
    --color-bg-alt: #ffffff;
    --color-bg-alt2: #f5f5f5;
    --color-bg-alt3: #ffffff;
    --color-text: #1F2328;
    --color-text-muted: #6E7581;
    --color-heading: #101317;
    --color-inverse-text: #ffffff;
    --color-table-header: #4C4D4D;
    --color-border: #D8DDE6;
    --color-shadow: rgba(0,0,0,0.08);
    /* Main Button */
    --bg-main-button: rgb(6 95 70);
    --bg-main-button-hover:;
    /* Buttons */
    --btn-bg: #ffffff;
    --btn-border: #CDD3DD;
    --btn-hover: #E5E8EE;
    /* Inputs */
    --input-bg: #FFFFFF;
    --input-border: #BCC2CE;
    --input-focus: var(--accent-blue);
    /* Tables */
    --table-bg: #ffffff;
    --table-border: #D5D9E0;
    --table-hover: rgba(0,0,0,0.035);
    --table-striped-bg: rgba(0,0,0,0.03);
    /* Links */
    --color-link: var(--accent-blue);
    --color-bg-badge: #56cfa3;
    --color-link-hover: var(--accent-blue-hover);
}

/* ====================================================================
3) 🌑 THEME DARK — Admin / édition
==================================================================== */
:root[data-theme="dark"],
:root:not([data-theme]) {
    --color-bg: #0f172a;
    --color-bg-alt: #162033;
    --color-bg-alt2: #131c2f;
    --color-bg-alt3: #ffffff;
    --color-text: #e6edf3;
    --color-text-muted: #8A95A5;
    --color-heading: #ffffff;
    --color-inverse-text: #ffffff;
    --color-table-header: #ffffff;
    --color-border: #30363d;
    --color-shadow: rgba(0,0,0,0.35);
    /* Main Button */
    --bg-main-button: rgb(5 150 105);
    --bg-main-button-hover:;
    /* Buttons */
    --btn-bg: #1f2630;
    --btn-border: #2c3a4a;
    --btn-hover: #2c3544;
    /* Inputs */
    --input-bg: #0F1318;
    --input-border: #2c323c;
    --input-focus: var(--accent-blue);
    /* Tables */
    --table-bg: #151a22;
    --table-border: #262c35;
    --table-hover: rgba(255,255,255,0.05);
    --table-striped-bg: rgba(255,255,255,0.03);
    /* Links */
    --color-link: var(--accent-blue);
    --color-bg-badge: #56cfa3;
    --color-link-hover: var(--accent-blue-hover);
}


/* ====================================================================
   GLOBAL BODY
   ==================================================================== */
body {
    background: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-main);
    transition: background 0.25s ease, color 0.25s ease;
}