/*
 * retailer-ldlc.css — LDLC Atelier brand override.
 * Companion of validation-details-retailer.css; must be linked AFTER it.
 * Defines only what differs per brand: palette, diverging surfaces and
 * shadows, the component tokens, the dark-mode palette, the hero logo.
 */
:root {
    /* Brand */
    --primary:      #0A3782;
    --accent:      #0096C8;
    --accent-text: #0080AA;

    /* Surfaces */
    --bg:       #EEF2F7;
    --bd:       #DDE3EC;
    --bd2:      #EBF0F6;
    --heading:  #0A3782;

    /* Shadows */
    --sh:       0 1px 0.2rem rgba(10,55,130,.07), 0 1px 2px rgba(10,55,130,.05);
    --sh2:      0 0.375rem 1.25rem rgba(10,55,130,.11), 0 2px 0.375rem rgba(10,55,130,.07);

    /* Brand-diverging component tokens. Same names in both retailer
       skins, values differ per brand; scheme-invariant (no dark
       redefinition) unless they reference another token. */
    --hero-bg:        var(--primary);
    --hero-nick:      var(--accent-text);
    --brand-glow:     rgba(10, 55, 130, 0.25);
    --brand-glow-soft: rgba(10, 55, 130, 0.06);
    --dimm-dash:      rgba(0, 150, 200, 0.4);
    --modal-overlay:  rgba(10,55,130,.35);
    --sh-modal:       0 16px 48px rgba(10,55,130,.22);
    --adm-c-60:       rgba(0,150,200,.6);
    --ink:            #0a1a2e;
    --ds-intro:       #6b7682;
    --ds-bd:          #cdd4dc;
    --ds-ph:          #aab2bd;
    --ds-cta:         #0a1a2e;
    --ds-cta-h:       #14253c;
    --ds-ring:        rgba(10, 26, 46, 0.12);
    --qr-overlay:     rgba(10, 26, 46, 0.85);
}

/* ═══════════════════════════════════════════════════════════════
   DARK MODE TOKENS  (Theme B — Gris Profond, WCAG AA)
   ═══════════════════════════════════════════════════════════════ */
@media (prefers-color-scheme: dark) {
    :root {
        /* Brand */
        --primary:      #123a86;
        --accent:      #4d8bf5;
        --accent-text: #7fb0f5;

        /* Text scale */
        --dark:     #eef2f8;
        --mid:      #9fabc0;
        --grey:     #66717f;

        /* Surfaces */
        --bg:       #0b0f17;
        --white:    #121824;
        --bd:       #26303f;
        --bd2:      #1e2739;
        --heading:  #eef2f8;

        /* Status */
        --ok:       #35c17d;
        --warn-v:   #e8a020;
        --danger-v: #ef5f56;

        /* Diagnostic bubbles */
        --err-bg:   rgba(239,95,86,0.07);
        --err-bd:   rgba(239,95,86,0.28);
        --err-c:    #f4a29c;
        --wrn-bg:   rgba(232,160,32,0.07);
        --wrn-bd:   rgba(232,160,32,0.28);
        --wrn-c:    #f0b23e;
        --inf-bg:   rgba(77,139,245,0.07);
        --inf-bd:   rgba(77,139,245,0.28);
        --inf-c:    #a9c6ff;

        /* Shadows */
        --sh:  0 1px 4px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.3);
        --sh2: 0 6px 20px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.4);
    }
}

.validated_logo_link {
    background-image: url('/medias/images/logo-atelier-ldlc.svg');
}