/* ===========================================================================
   Indepro theme - variables.css
   Source unique de verite pour la palette gold, espacements, radius,
   transitions, font et breakpoints. Charge en premier (avant theme.css).
   Variables globales sur :root + miroir sur .indepro-root pour compat.
   =========================================================================== */

:root {
    /* Couleurs - palette gold + dark (DA stricte cf BookStack id 92) */
    --bg:        #07070b;
    --bg2:       #0a0a0a;
    --card:      rgba(255, 255, 255, 0.02);
    --cardh:     rgba(255, 255, 255, 0.04);
    --gold:      #ebbb81;
    --gold2:     #f2c088;
    --gold3:     #c99a5b;
    --soft:      rgba(235, 187, 129, 0.15);
    --glow:      rgba(235, 187, 129, 0.4);
    --text:      #f2f1ed;
    --mute:      rgba(242, 241, 237, 0.7);
    --fade:      rgba(242, 241, 237, 0.62);
    --ink:       #07070b;
    --div:       #2e2e2e;
    --bd:        rgba(255, 255, 255, 0.08);
    --bdh:       rgba(235, 187, 129, 0.4);

    /* Radius */
    --r1: 6px;
    --r2: 10px;
    --r3: 16px;

    /* Transitions */
    --ease: cubic-bezier(.16, 1, .3, 1);
    --t:    .25s var(--ease);

    /* Layout */
    --maxw: 1200px;
    --py:   clamp(64px, 10vw, 120px);

    /* Font */
    --font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Breakpoints (commentaires de reference, utilisables via @media seulement) */
    /* --bp-mobile:   480px; */
    /* --bp-tablet:   768px; */
    /* --bp-desktop:  1024px; */
    /* --bp-wide:     1280px; */
}

/* Miroir sur .indepro-root pour les pages qui s'appuient sur le wrapper.
   Necessaire car certains overrides (premium.css, sections.css) utilisent
   la specificite .indepro-root .xxx pour battre home.css. */
.indepro-root {
    --bg:    #07070b;
    --bg2:   #0a0a0a;
    --card:  rgba(255, 255, 255, 0.02);
    --cardh: rgba(255, 255, 255, 0.04);
    --gold:  #ebbb81;
    --gold2: #f2c088;
    --gold3: #c99a5b;
    --soft:  rgba(235, 187, 129, 0.15);
    --glow:  rgba(235, 187, 129, 0.4);
    --text:  #f2f1ed;
    --mute:  rgba(242, 241, 237, 0.7);
    --fade:  rgba(242, 241, 237, 0.62);
    --ink:   #07070b;
    --div:   #2e2e2e;
    --bd:    rgba(255, 255, 255, 0.08);
    --bdh:   rgba(235, 187, 129, 0.4);
    --r1:    6px;
    --r2:    10px;
    --r3:    16px;
    --ease:  cubic-bezier(.16, 1, .3, 1);
    --t:     .25s var(--ease);
    --maxw:  1200px;
    --py:    clamp(64px, 10vw, 120px);
    --font:  'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}