/* ============================================
   Guide Béjaïa - Design System unifié
   Tokens globaux (chargé avant main.css)
   ============================================ */

:root {
    /* ---------- Palette principale ---------- */
    --primary: #00AEEF;
    --primary-dark: #0089BC;
    --secondary: #FFF200;
    --accent: #E9C46A;
    --success: #2A9D8F;
    --danger: #e11d48;

    /* ---------- Neutres ---------- */
    --white: #FFFFFF;
    --off-white: #F8FAFC;
    --bg: #FFFFFF;
    --bg-alt: #F8FAFC;
    --text: #0F172A;
    --text-light: #64748B;
    --text-main: #0F172A;
    --border: #E2E8F0;
    --gray: #6b7280;
    --dark: #111827;

    /* ---------- Typographie ---------- */
    --font-display: 'ABeeZee', Georgia, serif;
    --font-body: 'ABeeZee', 'Segoe UI', system-ui, -apple-system, sans-serif;

    /* ---------- Espacements & radius ---------- */
    --radius-sm: 12px;
    --radius: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;

    /* ---------- Ombres & transitions ---------- */
    --shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 20px 50px -10px rgba(0, 0, 0, 0.12);
    --transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    --ease: cubic-bezier(0.23, 1, 0.32, 1);

    /* ---------- Aliases héritage (rétro-compatibilité) ---------- */
    --hp-primary: #00AEEF;
    --hp-primary-dark: #0089BC;
    --hp-accent: #E9C46A;
    --hp-success: #2A9D8F;
    --hp-white: #FFFFFF;
    --hp-bg: #FFFFFF;
    --hp-bg-alt: #F8FAFC;
    --hp-text: #0F172A;
    --hp-text-light: #64748B;
    --hp-text-muted: #64748B;
    --hp-border: #E2E8F0;
    --hp-radius-sm: 12px;
    --hp-radius: 20px;
    --hp-radius-lg: 32px;
    --hp-font-display: 'ABeeZee', Georgia, serif;
    --hp-font-main: 'ABeeZee', 'Segoe UI', system-ui, sans-serif;
    --hp-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05);
    --hp-shadow-lg: 0 20px 50px -10px rgba(0, 0, 0, 0.12);
    --hp-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);

    /* ---------- Alias section "Visiter Béjaïa" ---------- */
    --sea-dark: #003b95;
    --sea: #00AEEF;
    --sea-light: #eaf1fe;
    --turquoise: #E9C46A;
    --light: #f7f7f9;
}