/* =========================================================
   THEME — Palette de couleurs & polices
   ---------------------------------------------------------
   Reprend l'identité du site principal (Le Far du Min)
   pour que le back-office reste cohérent visuellement.
   ========================================================= */

@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 */
    --color-bg:            #0e0c0a;
    --color-bg-soft:       #151210;
    --color-surface:       #1c1815;
    --color-surface-raised:#221d19;

    /* Accents (or chaud) */
    --color-accent:        #c9a15e;
    --color-accent-soft:   #e2c68d;
    --color-accent-deep:   #a07d3f;

    /* États */
    --color-danger:        #c96a5e;
    --color-danger-soft:   #e2988d;
    --color-success:       #7ea87a;

    /* Textes */
    --color-text:          #f3ece1;
    --color-text-muted:    #a89e8f;
    --color-text-faint:    #6d665b;
    --color-on-accent:     #17130d;

    /* 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);


    /* =====================================================
       POLICES
       ===================================================== */
    --font-display: "Fraunces", "Georgia", serif;
    --font-body:    "Manrope", "Helvetica Neue", Arial, sans-serif;

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

    --font-size-base:   16px;
    --line-height-base: 1.6;

    --tracking-wide:  0.18em;
    --tracking-tight: -0.02em;


    /* =====================================================
       DIVERS
       ===================================================== */
    --radius:        8px;
    --radius-sm:      4px;
    --ease:          cubic-bezier(0.22, 1, 0.36, 1);
    --ease-inout:    cubic-bezier(0.65, 0, 0.35, 1);
    --transition:    0.4s var(--ease);
    --container-max: 1280px;
    --gutter:        clamp(20px, 5vw, 64px);
}