/* Page parking : reprend les couleurs et la police d'archipel-web.com (assets/css/style.css de la vitrine).
   Thème sombre par défaut, clair si le système le demande. Le fond (courbes de niveau) est un dessin fixe. */
@font-face {
  font-family: 'Schibsted Grotesk';
  src: url('../fonts/schibsted-grotesk-latin-wght-normal.woff2') format('woff2-variations');
  font-weight: 400 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
:root {
  --bg: #0d1015; --ink: #e9edf3; --ink-soft: #8d97a8; --bac: #f5b83d; --brevet: #56c8f5;
  --f-ui: 'Schibsted Grotesk', 'Helvetica Neue', system-ui, sans-serif;
  --f-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root { --bg: #f4f5f1; --ink: #14181f; --ink-soft: #5d6574; --bac: #b97700; --brevet: #0a7fb0; color-scheme: light; }
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--f-ui); overflow: hidden;
  display: grid; place-items: center; padding: 16px; }

.fond { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; }
.niveau { fill: none; stroke-width: 1.2; opacity: .22; }
.niveau.fort { stroke-width: 1.8; opacity: .45; }
.niveau.bac { stroke: var(--bac); }
.niveau.brevet { stroke: var(--brevet); }

.parking { position: relative; z-index: 1; text-align: center; max-width: 100%; }
.etiquette { margin: 0 0 12px; font: 400 .85rem var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-soft); }
h1 { margin: 0; font-weight: 800; letter-spacing: -.04em; line-height: 1.02;
  font-size: clamp(2.4rem, 9vw, 7.5rem); overflow-wrap: anywhere; }
.message { margin: 18px 0 0; color: var(--ink-soft); font-size: clamp(1rem, 2vw, 1.2rem); }

.signature { position: fixed; right: 20px; bottom: 16px; z-index: 1; font-size: .85rem; }
.signature a { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-soft); text-decoration: none; }
.signature a:hover { color: var(--ink); }
.palmier { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }