/* ============================================================
   Aucianza — shared design tokens + base type.
   Single source of truth for index.html, privacy.html and 404.html.
   Load AFTER assets/fonts/fonts.css and BEFORE any page-level <style>,
   so a page can still override anything it needs to.

   To rebrand: change --accent-h/s/l (CTA colour) and --brand-h (logo mark).
   ============================================================ */
:root{
  /* Brand accent — Aucianza orange (#EE8A3C), the focal / CTA colour */
  --accent-h: 26;
  --accent-s: 84%;
  --accent-l: 58%;
  --accent:      hsl(var(--accent-h) var(--accent-s) var(--accent-l));
  --accent-soft: hsl(var(--accent-h) 90% 67%);
  --accent-deep: hsl(var(--accent-h) 80% 46%);
  --accent-glow: hsla(var(--accent-h), var(--accent-s), 60%, .55);

  /* Brand steel blue (#3F6CA6) — logo mark + atmospheric light */
  --brand-h: 214;
  --brand:       hsl(var(--brand-h) 58% 60%);
  --brand-glow:  hsla(var(--brand-h), 60%, 55%, .5);

  --bg:        #070b14;
  /* Same colour as --bg, as channels, so translucent shading (vignettes,
     scrims) can deepen the background hue instead of drifting toward a colder
     black. Used as rgb(var(--bg-rgb) / <alpha>). Keep in sync with --bg. */
  --bg-rgb:    7 11 20;
  --bg-2:      #0b1120;
  --ink:       #eef2fb;
  --ink-dim:   #9aa6c2;   /* 8.07:1 on --bg */
  --ink-faint: #7d88a3;   /* 5.55:1 on --bg — the darkest tone that still clears WCAG AA */
  --line:      hsla(214, 30%, 70%, .14);

  --ease-out: cubic-bezier(.19,1,.22,1);
  --ease-io:  cubic-bezier(.65,.05,.36,1);
  --maxw: 1180px;

  /* Minimum comfortable touch target */
  --tap: 44px;
}

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

html{ -webkit-text-size-adjust:100%; }

body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-weight:400;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

a{ color:inherit; }
::selection{ background:var(--accent-glow); color:#fff; }

:focus-visible{ outline:2px solid var(--accent-soft); outline-offset:3px; border-radius:6px; }