/* ================================================================
   LIBERTÉ 27 — style.css (racine)
   Thème : Encre Noire (unique, sombre)
   Utilisé par : mentions-legales.html et pages racines simples
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap');

:root {
  --bg:        #09090b;
  --bg-2:      #141417;
  --bg-card:   #1d1d22;
  --border:    #1c1c1e;
  --border-2:  #27272a;

  --ink:       #f4f4f5;
  --ink-2:     #d4d4d8;
  --ink-dim:   #71717a;
  --ink-muted: #52525b;

  --gold:      #c9a227;
  --gold-dim:  rgba(201,162,39,0.12);
  --gold-glow: rgba(201,162,39,0.25);
  --rouge:     #e63946;
  --ambre:     #d4851a;
  --bleu:      #4a90d9;
  --vert:      #2d9e5f;
  --lavande:   #7c6fb5;

  --mono:      'Courier New', Courier, monospace;
  --serif:     'Playfair Display', Georgia, serif;
  --ui:        system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --nav-h:     56px;
  --radius:    8px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--ui);
  font-size: 15px;
  line-height: 1.65;
  padding-top: var(--nav-h);
  overflow-x: hidden;
}
a { color: var(--gold); text-decoration: none; }
a:hover { text-decoration: underline; opacity: 0.85; }
img { max-width: 100%; height: auto; }

/* Nav partagée (même structure que les pages racines) */
.nav, header.site-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 200;
  height: var(--nav-h);
  background: rgba(9,9,11,0.97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
  display: flex; align-items: center;
  padding: 0 28px; gap: 0;
}
.nav-brand, a.site-nav-brand {
  font-weight: 800; font-size: 18px;
  color: var(--ink) !important; text-decoration: none !important;
  margin-right: auto;
}
.nav-brand em, a.site-nav-brand em { color: var(--rouge) !important; font-style: normal; }

/* Masque le toggle partout */
#themeToggle { display: none !important; }