/* ── COOKIES BANNER ─────────────────────────────────────────────
   Legally required, so every entry page carries it — the landing and all
   four auth pages. Lives in its own file because those pages share no
   stylesheet but design-system.css.
─────────────────────────────────────────────────────────────── */
#cookies-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-overlay);
  display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
  padding: 0.9rem var(--gutter);
  background: var(--color-bg); border-top: 1px solid var(--color-rule-mid);
  box-shadow: var(--shadow-lg);
  font-size: 13.5px; color: var(--color-ink-mid);
}
#cookies-banner .cookies-actions { display: flex; gap: 8px; flex-shrink: 0; }
#cookies-banner button {
  font-size: 13px; font-weight: 600; padding: 8px 18px; border-radius: var(--radius-pill);
  transition: background var(--t2) var(--ease), box-shadow var(--t2) var(--ease), transform var(--t1) var(--ease);
}
#cookies-banner button:active { transform: scale(0.97); }
#cookies-banner .cookies-accept { background: var(--color-red); color: #fff; }
#cookies-banner .cookies-decline { color: var(--color-ink); box-shadow: inset 0 0 0 1.5px var(--color-rule-strong); }
#cookies-banner button:focus-visible { outline: 2px solid var(--color-red); outline-offset: 2px; }