/* Kvikmyndasafn.is: design tokens (from the redesign) */

:root {
  /* Colours */
  --kv-red: #BF1E2E;          /* primary, CTAs, labels */
  --kv-red-hover: #95313B;    /* hover on red */
  --kv-red-deep: #530000;     /* research band */
  --kv-night: #2A0000;        /* dark panels, footer */
  --kv-red-tint: #FBF1F2;     /* info boxes, selected card */
  --kv-red-line: #F0CDD1;     /* info box border */
  --kv-nav-hover: #E8C5C9;    /* underline on menu hover */
  --kv-text: #1D1D1D;
  --kv-heading: #000000;
  --kv-body: #3A3838;         /* lead / body text */
  --kv-muted: #595656;
  --kv-muted-2: #676464;      /* labels, dates (passes 4.5:1 on #F7F5F4) */
  --kv-bg: #FFFFFF;
  --kv-bg-soft: #F7F5F4;      /* intro block, alternating sections */
  --kv-line: #E8E4E3;
  --kv-line-soft: #EFECEB;
  --kv-field-border: #CFC9C8;
  --kv-on-dark-muted: rgba(255,255,255,.72);

  /* Fonts */
  --kv-font-heading: "Open Sans", sans-serif;  /* 600 / 700 */
  --kv-font-body: "Lato", sans-serif;          /* 400 / 700 */
  --kv-body-size: 17px;
  --kv-body-lh: 1.6;
  --kv-h1: clamp(40px, 4.4vw, 64px);   /* subpage H1, lh 1.04, ls -0.025em */
  --kv-h1-hero: clamp(44px, 5.2vw, 76px);
  --kv-h2: clamp(30px, 3vw, 44px);     /* lh 1.1, ls -0.02em */
  --kv-lead: 20px;                     /* intro text, lh 1.55 */
  --kv-label: 13px;                    /* uppercase, 600, ls 0.08em */

  /* Layout */
  --kv-container: 1280px;
  --kv-gutter: 32px;
  --kv-section-y: 96px;     /* 80–112px */
  --kv-radius: 4px;         /* cards, images */
  --kv-radius-btn: 2px;
  --kv-btn-h: 48px;
  --kv-touch: 44px;

  /* Motion */
  --kv-ease: cubic-bezier(.2,.7,.3,1);
  --kv-dur-fast: .2s;
  --kv-dur-arrow: .3s;
  --kv-dur-zoom: .7s;
  --kv-zoom: 1.05;          /* clip-path: inset(2.381% round 4px) on hover */
  --kv-reveal-y: 24px;
}