/* Klimabirodalom Kft. design tokens (brand guide v1). Self-host the fonts (GDPR): Manrope + Inter, WOFF2. */
:root {
  /* colour: brand */
  --navy-deep: #022E5F;   /* headings, footer, hover */
  --navy: #0C3D6F;        /* primary: header, primary buttons (white text 10.98:1) */
  --cyan: #11B3ED;        /* secondary accent, icons, large shapes (NOT text on white) */
  --cyan-dark: #0A7DB8;   /* links and small cyan text on white (4.53:1) */
  --green: #8CC63F;       /* action: CTA/cart/quote (navy-deep text 6.59:1) */
  --green-dark: #4E7F0F;  /* success text on white (4.81:1) */
  /* colour: neutral */
  --ink: #10233A;         /* body text (15.87:1 on white) */
  --muted: #4A5B6E;       /* secondary text (6.97:1 on white) */
  --line: #D3DDE8;
  --tint: #F2F7FB;
  --tint-2: #E3F1FA;
  --white: #FFFFFF;
  /* colour: state */
  --error: #B3261E;
  --warning-bg: #FFF4D6; --warning-ink: #6B4500;
  /* type */
  --font-head: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-body: 1rem; --fs-small: .875rem; --fs-lead: 1.125rem;
  --fs-h4: 1.25rem; --fs-h3: 1.5rem; --fs-h2: clamp(1.75rem, 3.2vw, 2.25rem); --fs-h1: clamp(2.125rem, 5vw, 3rem);
  /* shape and spacing (4 px grid) */
  --r-btn: 999px; --r-card: 20px; --r-input: 12px;
  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s6: 1.5rem; --s8: 2rem; --s12: 3rem; --s16: 4rem;
  --shadow: 0 6px 24px rgba(2, 46, 95, .10);
  --tap: 44px;
}
:focus-visible { outline: 3px solid var(--navy-deep); outline-offset: 2px; box-shadow: 0 0 0 2px #fff; }
.on-dark :focus-visible { outline-color: var(--cyan); box-shadow: 0 0 0 2px var(--navy-deep); }