:root {
    --q-petrole:        #184e6b;
    --q-petrole-fonce:  #0f3a52;
    --q-petrole-nuit:   #0a2a3d;
    --q-petrole-clair:  #3d8ab0;
    --q-petrole-voile:  #e0f2fe;

    --q-or:             #e9a820;
    --q-or-fonce:       #d4951a;
    --q-or-clair:       #f5c44d;
    --q-or-voile:       #fef3c7;
    --q-or-texte:       #92400e;

    --q-encre:          #1e293b;
    --q-gris-700:       #475569;
    --q-gris-500:       #64748b;
    --q-gris-300:       #cbd5e1;
    --q-gris-200:       #e2e8f0;
    --q-gris-100:       #f1f5f9;
    --q-gris-50:        #f8fafc;
    --q-blanc:          #ffffff;

    --q-succes:         #15803d;
    --q-succes-voile:   #dcfce7;
    --q-erreur:         #b91c1c;
    --q-erreur-voile:   #fee2e2;

    --q-font-titre: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --q-font-texte: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --q-t-xs:   0.75rem;
    --q-t-sm:   0.875rem;
    --q-t-md:   1rem;
    --q-t-lg:   1.125rem;
    --q-t-xl:   1.375rem;
    --q-t-2xl:  clamp(1.625rem, 1.3rem + 1.2vw, 2rem);
    --q-t-3xl:  clamp(2.125rem, 1.5rem + 2.6vw, 3.25rem);

    --q-interligne-titre: 1.15;
    --q-interligne-texte: 1.6;

    --q-e-1:  0.25rem;
    --q-e-2:  0.5rem;
    --q-e-3:  0.75rem;
    --q-e-4:  1rem;
    --q-e-5:  1.5rem;
    --q-e-6:  2rem;
    --q-e-7:  3rem;
    --q-e-8:  4.5rem;

    --q-largeur: 1120px;

    --q-r-sm:   6px;
    --q-r-md:   10px;
    --q-r-lg:   16px;
    --q-r-xl:   24px;
    --q-r-rond: 999px;

    --q-ombre-1: 0 1px 2px rgba(15, 58, 82, .06), 0 2px 6px rgba(15, 58, 82, .06);
    --q-ombre-2: 0 8px 24px -6px rgba(15, 58, 82, .18);
    --q-ombre-3: 0 24px 56px -16px rgba(15, 58, 82, .32);
    --q-focus:   0 0 0 3px rgba(233, 168, 32, .45);

    --q-duree:  180ms;
    --q-courbe: cubic-bezier(.2, .8, .2, 1);

    --q-app-fond:    #0f3a52;
    --q-app-carte:   #174761;
    --q-app-carte-2: #1d5676;
    --q-app-nuit:    #0a2a3d;
    --q-app-bord:    rgba(255, 255, 255, .12);
    --q-app-texte:   #ffffff;
    --q-app-texte-2: #cbd5e1;
    --q-app-or:      #e9a820;
    --q-app-or-clair:#f5c44d;
    --q-app-info:    #7dd3fc;
}

@media (prefers-reduced-motion: reduce) {
    :root { --q-duree: 0ms; }
}