/* ============================================================
   HEKLA — Design System
   ============================================================ */

/* Polices chargées via assets/css/fonts.css (base64 inline) */

/* ── Tokens ─────────────────────────────────────────────────── */
:root {
  --c-orange:   #F26322;
  --c-amber:    #F5C118;   /* orange → amber sur fonds sombres (is-light) */
  --c-rust:     #AC3C16;
  --c-ember:    #66140B;
  --c-black:    #111110;
  --c-white:    #FFFFFF;
  --c-bg:       #FAFAF8;
  --c-grey-100: #F2F0ED;
  --c-grey-300: #D4D0CA;
  --c-grey-500: #8C8880;
  --c-grey-800: #2E2B27;

  --f-serif: 'Romie', Georgia, serif;
  --f-sans:  'Inter', system-ui, sans-serif;

  --fs-nav:   0.8125rem;   /* 13px — liens nav */
  --fs-body:  1rem;
  --fs-label: 0.6875rem;   /* 11px — labels, langues */

  --header-h: 108px; /* zone aérée en haut : 40px marge + hauteur tagline */

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── Accessibilité ──────────────────────────────────────────── */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* ── Reset ──────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; overflow-anchor: none; overflow-x: clip; }
body { font-family: var(--f-sans); color: var(--c-black); background: var(--c-white); overflow-x: clip; overflow-anchor: none; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
button { border: none; background: none; font: inherit; cursor: pointer; }
img, svg { display: block; max-width: 100%; }