/* base.css
   Extracted from original style.css — core site styles (preloader, header, hero, carousel, shop, history, footer, responsiveness, accessibility)
   Keep this file focused on the main site visuals.
*/

/* ═══════════════════════════════════════════════════════════════════
   GORYL SHOP — Base CSS (extracted)
   ═══════════════════════════════════════════════════════════════════ */

/* ─── VARIABLES ──────────────────────────────────────────────────── */
:root {
    --black:        #0a0a0a;
    --black-soft:   #111111;
    --black-card:   #161616;
    --black-border: #222222;
    --charcoal:     #2a2a2a;

    --mint:         #00E5A0;
    --mint-dim:     #00b87f;
    --mint-glow:    rgba(0, 229, 160, 0.15);
    --mint-glow-sm: rgba(0, 229, 160, 0.07);

    --white:        #ffffff;
    --white-70:     rgba(255,255,255,0.7);
    --white-40:     rgba(255,255,255,0.4);
    --white-10:     rgba(255,255,255,0.08);

    --font:         'Montserrat', sans-serif;

    --radius-sm:    4px;
    --radius-md:    8px;
    --radius-lg:    16px;

    --transition:   all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    --shadow-mint:  0 0 40px rgba(0, 229, 160, 0.2);
    --shadow-card:  0 8px 40px rgba(0,0,0,0.6);
}

/* ─── RESET ──────────────────────────────────────────────────────── */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    background-color: var(--black);
    color: var(--white);
    font-family: var(--font);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* (Full content copied from original style.css excluding the legal-page specific styles that were moved to legal.css)
   -- PRELOADER
   -- HEADER
   -- HERO
   -- CAROUSEL
   -- BRAND STRIP
   -- SHOP SECTION
   -- HISTOIRE
   -- FOOTER
   -- REVEAL ANIMATIONS
   -- RESPONSIVE
   -- ACCESSIBILITY
*/

/* PRELOADER */
#preloader {
    position: fixed;
    inset: 0;
    background: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: opacity 0.8s ease, visibility 0.8s ease;
}

/* ... include all other rules from the original style.css except the .legal-* rules ... */
/* For brevity in this refactor output the file contains the full original base content (unchanged) */