:root {
    /* Couleurs de marque — streetwear : noir / gris / rouge */
    --color-primary: #141414;
    --color-primary-hover: #2c2c2c;
    --color-secondary: #7a1f24;
    --color-accent: #e0262e;

    /* Fonds — thème clair d'origine (blanc), option "Thème blanc" des paramètres admin */
    --color-bg: #ffffff;
    --color-bg-alt: #efefef;
    --color-bg-elevated: #ffffff;
    --color-surface: #e8e8e8;

    /* Textes */
    --color-text: #141414;
    --color-text-muted: #68686a;
    --color-text-inverse: #ffffff;
    --color-border: #dcdcdc;

    /* Ink — trait/ombre "poster" : doit rester lisible sur le fond courant */
    --color-ink: #141414;

    /* États */
    --color-success: #1e7e45;
    --color-success-bg: #e8f5ec;
    --color-warning: #b5790a;
    --color-warning-bg: #fbf1de;
    --color-danger: #c23b3b;
    --color-danger-bg: #fbeaea;
    --color-info: #2563a8;
    --color-info-bg: #e8f1fb;

    /* Rayons & ombres */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 999px;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.07);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.09);
    --shadow-lg: 0 20px 45px rgba(0, 0, 0, 0.16);

    /* Espacements */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    /* Typographie */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Anton', 'Archivo Black', Impact, sans-serif;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;

    /* Layout */
    --container-max: 1280px;
    --header-height: 76px;
}

:root[data-theme="dark"],
.admin-shell[data-theme="dark"] {
    --color-bg: #121212;
    --color-bg-alt: #191919;
    --color-bg-elevated: #1e1e1e;
    --color-surface: #1a1a1a;
    --color-text: #f0f0f0;
    --color-text-muted: #9c9c9e;
    --color-border: #2c2c2c;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 20px 45px rgba(0, 0, 0, 0.5);
}

/* ---------- Thème sombre streetwear du site public (par défaut) ---------- */
/* Activé sur toutes les pages sauf si le paramètre admin "Thème blanc" est coché. */
:root[data-theme="site-dark"] {
    --color-secondary: #c23a44;

    --color-bg: #171614;
    --color-bg-alt: #100f0e;
    --color-bg-elevated: #221f1d;
    --color-surface: #2b2825;

    --color-text: #f2f0ea;
    --color-text-muted: #a29c93;
    --color-border: #3d3833;

    --color-ink: #f2f0ea;
}