/* Taxi Portail — variables.css (design tokens) */

:root {
    /* Couleurs de marque — surchargées par le Customizer (voir inc/customizer.php). */
    --c-primary: #1B3A5F;
    --c-accent:  #C9A961;
    --c-surface: #F5F1E8;

    /* Déclinaisons */
    --c-primary-dark: #122844;
    --c-primary-soft: #2c537d;
    --c-accent-dark:  #a98a44;
    --c-ink:    #1d2430;
    --c-muted:  #687286;
    --c-line:   #e3ddd0;
    --c-white:  #ffffff;
    --c-bg:     #faf8f3;

    /* États */
    --c-ok:     #2f7d4f;
    --c-ok-bg:  #e4f1e8;
    --c-warn:   #b9821f;
    --c-warn-bg:#fbf0d8;
    --c-danger: #b23a3a;
    --c-danger-bg:#f7e2e0;
    --c-info:   #2c537d;
    --c-info-bg:#e3ebf3;

    /* Typographie */
    --font-title: "Playfair Display", Georgia, serif;
    --font-body:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    /* Rayons & ombres */
    --radius:    14px;
    --radius-sm: 9px;
    --radius-lg: 22px;
    --shadow-sm: 0 1px 2px rgba(18, 40, 68, .06), 0 2px 8px rgba(18, 40, 68, .05);
    --shadow-md: 0 6px 24px rgba(18, 40, 68, .10);
    --shadow-lg: 0 18px 48px rgba(18, 40, 68, .16);

    /* Échelle d'espacement */
    --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
    --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

    /* Layout */
    --nav-w: 256px;
    --topbar-h: 60px;
    --content-max: 880px;
}