/**
 * tokens-bridge.css — naming adapter (NOT a token source)
 * Bibforb 2026
 *
 * theme.json is the single source of truth for every token VALUE.
 * WordPress emits those values as --wp--preset--* / --wp--custom--* CSS
 * variables. The mockup component CSS (header.css etc.) was authored
 * against the original --bf-* names. This file only re-exposes the
 * WordPress-generated variables under those --bf-* names so the mockup
 * CSS can be reused verbatim. It defines NO literal values — change a
 * value in theme.json, not here.
 */

:root {

  /* ── Farger ─────────────────────────────────────── */
  --bf-energi:        var(--wp--preset--color--energi);
  --bf-aerlig:        var(--wp--preset--color--aerlig);
  --bf-levende:       var(--wp--preset--color--levende);
  --bf-drommende:     var(--wp--preset--color--drommende);
  --bf-drommende-lys: var(--wp--preset--color--drommende-lys);
  --bf-pulserende:    var(--wp--preset--color--pulserende);
  --bf-leken:         var(--wp--preset--color--leken);
  --bf-flyt:          var(--wp--preset--color--flyt);
  --bf-harmoni:       var(--wp--preset--color--harmoni);
  --bf-likevekt:      var(--wp--preset--color--likevekt);
  --bf-serios:        var(--wp--preset--color--serios);
  --bf-tyngde:        var(--wp--preset--color--tyngde);
  --bf-ro:            var(--wp--preset--color--ro);
  --bf-balanse:       var(--wp--preset--color--balanse);
  --bf-sort:          var(--wp--preset--color--sort);
  --bf-hvit:          var(--wp--preset--color--hvit);

  /* Seksjonsfarger */
  --bf-color-medlemskap: var(--wp--custom--section--medlemskap);
  --bf-color-arbeidsliv: var(--wp--custom--section--arbeidsliv);
  --bf-color-kurs:       var(--wp--custom--section--kurs);
  --bf-color-aktuelt:    var(--wp--custom--section--aktuelt);
  --bf-color-om-bf:      var(--wp--custom--section--om-bf);

  /* ── Typografi ──────────────────────────────────── */
  --bf-font-display: var(--wp--preset--font-family--display);
  --bf-font-body:    var(--wp--preset--font-family--body);

  --bf-text-xs:   var(--wp--preset--font-size--xs);
  --bf-text-sm:   var(--wp--preset--font-size--sm);
  --bf-text-base: var(--wp--preset--font-size--base);
  --bf-text-lg:   var(--wp--preset--font-size--lg);
  --bf-text-xl:   var(--wp--preset--font-size--xl);
  --bf-text-22:   var(--wp--preset--font-size--22);
  --bf-text-2xl:  var(--wp--preset--font-size--2xl);
  --bf-text-26:   var(--wp--preset--font-size--26);
  --bf-text-28:   var(--wp--preset--font-size--28);
  --bf-text-3xl:  var(--wp--preset--font-size--3xl);
  --bf-text-32:   var(--wp--preset--font-size--32);
  --bf-text-4xl:  var(--wp--preset--font-size--4xl);
  --bf-text-40:   var(--wp--preset--font-size--40);
  --bf-text-5xl:  var(--wp--preset--font-size--5xl);
  --bf-text-56:   var(--wp--preset--font-size--56);
  --bf-text-6xl:  var(--wp--preset--font-size--6xl);

  --bf-weight-light:   var(--wp--custom--font-weight--light);
  --bf-weight-regular: var(--wp--custom--font-weight--regular);
  --bf-weight-medium:  var(--wp--custom--font-weight--medium);
  --bf-weight-bold:    var(--wp--custom--font-weight--bold);

  --bf-leading-tight:   var(--wp--custom--line-height--tight);
  --bf-leading-snug:    var(--wp--custom--line-height--snug);
  --bf-leading-normal:  var(--wp--custom--line-height--normal);
  --bf-leading-relaxed: var(--wp--custom--line-height--relaxed);
  --bf-leading-loose:   var(--wp--custom--line-height--loose);

  /* ── Spacing ────────────────────────────────────── */
  --bf-space-1:  var(--wp--preset--spacing--1);
  --bf-space-2:  var(--wp--preset--spacing--2);
  --bf-space-3:  var(--wp--preset--spacing--3);
  --bf-space-4:  var(--wp--preset--spacing--4);
  --bf-space-5:  var(--wp--preset--spacing--5);
  --bf-space-6:  var(--wp--preset--spacing--6);
  --bf-space-8:  var(--wp--preset--spacing--8);
  --bf-space-10: var(--wp--preset--spacing--10);
  --bf-space-12: var(--wp--preset--spacing--12);
  --bf-space-16: var(--wp--preset--spacing--16);
  --bf-space-20: var(--wp--preset--spacing--20);
  --bf-space-24: var(--wp--preset--spacing--24);

  /* ── Radius ─────────────────────────────────────── */
  --bf-radius-sm:   var(--wp--custom--radius--sm);
  --bf-radius-md:   var(--wp--custom--radius--md);
  --bf-radius-lg:   var(--wp--custom--radius--lg);
  --bf-radius-xl:   var(--wp--custom--radius--xl);
  --bf-radius-2xl:  var(--wp--custom--radius--2xl);
  --bf-radius-full: var(--wp--custom--radius--full);

  /* ── Hjørne-kutt ────────────────────────────────── */
  --bf-corner-cut:    var(--wp--custom--corner-cut);
  --bf-corner-cut-md: var(--wp--custom--corner-cut-md);
  --bf-corner-cut-lg: var(--wp--custom--corner-cut-lg);

  /* ── Layout ─────────────────────────────────────── */
  --bf-max-width:       var(--wp--custom--layout--max-width);
  --bf-content-width:   var(--wp--custom--layout--content-width);
  --bf-header-height:   var(--wp--custom--layout--header-height);
  --bf-header-height-m: var(--wp--custom--layout--header-height-m);

  /* ── Motion ─────────────────────────────────────── */
  --bf-transition-fast:   var(--wp--custom--transition--fast);
  --bf-transition-normal: var(--wp--custom--transition--normal);
  --bf-transition-slow:   var(--wp--custom--transition--slow);
  --bf-duration-fast:     var(--wp--custom--duration--fast);
  --bf-duration-base:     var(--wp--custom--duration--base);
  --bf-duration-slow:     var(--wp--custom--duration--slow);
  --bf-ease-out:          var(--wp--custom--ease--out);
  --bf-ease-in-out:       var(--wp--custom--ease--in-out);

  /* ── Z-index ────────────────────────────────────── */
  --bf-z-header:   var(--wp--custom--z--header);
  --bf-z-dropdown: var(--wp--custom--z--dropdown);
  --bf-z-mobile:   var(--wp--custom--z--mobile);
  --bf-z-modal:    var(--wp--custom--z--modal);
  --bf-z-toast:    var(--wp--custom--z--toast);
}