/* Antranova Website – V2.7.3
   base.css
   Purpose: tokens + reset + typography (no layout rules)
*/

:root{
  /* ===== Release ===== */
  --release: "V2.7";

  /* ===== Colors ===== */
  --bg: #ffffff;
  --text: #0f172a;
  --muted: #475569;
  --line: #e5e7eb;
  --soft: #f8fafc;
  --card: #ffffff;

  /* Brand */
  --brand: #202F5D;   /* matchar loggans navy */
  --brand-2: #1b4c8c;
  --link: var(--brand-2);
  --linkHover: #1d4ed8;

  /* ===== Layout tokens ===== */
  --container-max: 1060px;
  /* Global left/right padding (the “red line” alignment rule) */
  --padx: clamp(40px, 4.5vw, 88px);

  /* ===== Spacing scale (px) ===== */
  --sp-1: 8px;
  --sp-2: 12px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 64px;

  /* ===== Typography ===== */
  --font-sans: system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  --lh: 1.55;

  /* ===== Shape ===== */
  --radius: 18px;
  --shadow: 0 8px 24px rgba(15,23,42,.08);
}

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  font-family: var(--font-sans);
  background: var(--bg);
  color: var(--text);
  line-height: var(--lh);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img{ max-width:100%; height:auto; display:block; }

a{ color: var(--link); text-decoration:none; }
a:hover{ color: var(--linkHover); text-decoration: underline; }

p{ margin: 0 0 var(--sp-3); color: var(--muted); }
h1,h2,h3{ margin: 0 0 var(--sp-2); line-height: 1.2; }
.small{ font-size:.92rem; color: var(--muted); }

/* Accessibility */
.skip-link{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.skip-link:focus{
  left:16px;
  top:16px;
  width:auto;
  height:auto;
  padding:10px 12px;
  background:var(--soft);
  border:1px solid var(--line);
  border-radius:12px;
  z-index:9999;
}