/* =========================================================
   THEME — Palette de couleurs & polices
   ---------------------------------------------------------
   Fichier unique qui centralise TOUTE l'identité visuelle.
   Change une variable ici et elle se propage à tout le site.
   ========================================================= */

/* ---------- Import des polices (Google Fonts) ---------- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');

:root {

    /* =====================================================
       COULEURS
       ===================================================== */

    /* Fonds (ambiance sombre & chaleureuse) */
    --color-bg:            #0e0c0a;   /* Fond principal, presque noir */
    --color-bg-soft:       #151210;   /* Variation légèrement plus claire */
    --color-surface:       #1c1815;   /* Cartes / surfaces surélevées */

    /* Accents (or chaud) */
    --color-accent:        #c9a15e;   /* Or — l'accent signature */
    --color-accent-soft:   #e2c68d;   /* Or clair (survols, dégradés) */
    --color-accent-deep:   #a07d3f;   /* Or profond */

    /* Textes */
    --color-text:          #f3ece1;   /* Texte principal (crème) */
    --color-text-muted:    #a89e8f;   /* Texte secondaire */
    --color-text-faint:    #6d665b;   /* Texte discret / légendes */
    --color-on-accent:     #17130d;   /* Texte posé sur l'accent or */

    /* Lignes & voiles */
    --color-line:          rgba(243, 236, 225, 0.14);
    --color-line-strong:   rgba(243, 236, 225, 0.28);
    --color-overlay:       rgba(10, 8, 6, 0.55);   /* Voile sur les médias */


    /* =====================================================
       POLICES
       ===================================================== */

    /* Familles : une serif d'affichage, une sans pour le texte */
    --font-display: "Fraunces", "Georgia", serif;
    --font-body:    "Manrope", "Helvetica Neue", Arial, sans-serif;

    /* Graisses */
    --fw-light:   300;
    --fw-regular: 400;
    --fw-medium:  500;
    --fw-semi:    600;
    --fw-bold:    700;

    /* Base typographique */
    --font-size-base:   17px;
    --line-height-base: 1.7;

    /* Interlettrage des intitulés / éléments discrets */
    --tracking-wide:  0.22em;
    --tracking-tight: -0.02em;


    /* =====================================================
       DIVERS (rythme & transitions)
       ===================================================== */
    --radius:        4px;
    --ease:          cubic-bezier(0.22, 1, 0.36, 1);   /* easing "premium" */
    --ease-inout:    cubic-bezier(0.65, 0, 0.35, 1);
    --transition:    0.6s var(--ease);
    --container-max: 1280px;
    --gutter:        clamp(20px, 5vw, 64px);
}