/* ── modules/typography/style.css ── */
/* Font-face declarations and CSS custom properties for typography */

@font-face {
  font-family: 'ABCDiatype';
  src: url('assets/fonts/ABCDiatypeVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "ABC Diatype Variable Unlicensed Trial";
  src: url('assets/fonts/ABCDiatypeVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
}

:root {
  /* ── Typografi ── */
  --font:      "ABC Diatype Variable Unlicensed Trial", 'ABCDiatype', sans-serif;

  /* Typskala (Figma) */
  --text-xs:   13px;   /* hints, toasts, utility-knappar */
  --text-sm:   14px;   /* sekundära knappar */
  --text-body: 21px;   /* brödtext, rader, kolumnhuvuden */
  --text-md:   34px;   /* rubriker, QR-label, nav-items */
  --text-lg:   55px;   /* slide-headlines */
  --text-xl:   89px;   /* stor display-text */
  --text-2xl:  112px;  /* fullscreen-rubrik (VideoHero) */
  --text-hero: 144px;  /* fullscreen-siffror (röstning) */

  /* ── Färger ── */
  --navy:       #0E122F;  /* primär mörk text/bakgrund */
  --navy-deep:  #0f1428;  /* slide4 bakgrund */
  --ocean:      #162638;  /* slide30 bakgrund */
  --lime:       #D9FF42;  /* slide21 bakgrund */
  --bar-blue:   #199ad1;  /* staplar i barcharts */
  --yes:        #19a87c;  /* ja-vote grön */
  --no:         #d82021;  /* nej-vote röd */
  --beige:      #F0EFEB;  /* varm neutral panel */
  --warm-white: #F4F4F1;  /* off-white bakgrund */
  --edit-blue:  #396ef9;  /* edit-mode fokus */
  --red-delete: #d82021;  /* delete-knapp */

  /* ── Layout — Figma grid ── */
  --space-top:     55px;   /* logotyp-rad, tight vertikalt */
  --space-outer:   89px;   /* standard sidmarginal (vänster/höger) */
  --space-content: 144px;  /* innehållsstart (under logotyp) */
  --radius:        8px;    /* standard hörnavrundning */

  /* ── Animation ── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --dur-slide:   1s;     /* mellanslidestransition */
  --dur-image-1: 0.8s;   /* Bild 1 — vänster→höger wipe */
  --dur-image-2: 1.2s;   /* Bild 2 — center-out reveal */
}

/* Standard text pattern used across modules */
.dw-font {
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'zero' 1, 'ss08' 1;
}