/* LEAVAH PARIS — Design Tokens */

/* Les @font-face (Linux Libertine du logo, polices Google auto-hébergées) sont dans fonts.css. */

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

html {
    scroll-padding-top: 80px;
}

:root {
    --gold: #b8960c;
    --gold-bright: #c9a84c;
    --gold-light: #e8d5a3;
    --gold-dark: #8a6d0a;
    --bg-dark: #faf8f5;
    --bg-card: #ffffff;
    --bg-card-hover: #f5f0e8;
    --bg-overlay: rgba(250, 248, 245, 0.97);
    --text-primary: #1a1a1a;
    --text-muted: #666;
    --text-light: #6e6e6e; /* #999 avant 1.37.328 : 2,7:1 sur les fonds clairs, sous le seuil WCAG AA (4,5:1) */
    --border: rgba(184, 150, 12, 0.2);
    --border-strong: rgba(184, 150, 12, 0.5);
    --font-title: 'Lusitana', Georgia, serif;
    --font-body: 'Lusitana', Georgia, serif;
    --font-logo: 'Linux Libertine', 'Lusitana', Georgia, serif;
    --transition: 0.3s ease;
    --transition-slow: 0.6s ease;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-strong: 0 8px 40px rgba(0, 0, 0, 0.15);
    --radius: 0px;
}

/* scroll-behavior: smooth activé par scroll-observer.js (classe .smooth-scroll sur <html>) après
   chargement, pour éviter le conflit avec la navigation inter-pages */
html.smooth-scroll { scroll-behavior: smooth; }

body {
    font-family: var(--font-body);
    background: var(--bg-dark);
    color: var(--text-primary);
    line-height: 1.6;
    overflow-x: hidden;
    overscroll-behavior: none;
}

a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { max-width: 100%; height: auto; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }