/* ============================================================
   Babysjarm — designtokens
   Skarya, 05.10.2026

   ALLE VERDIER ER MÅLT MOT WCAG, IKKE VALGT PÅ ØYEMÅL.
   Kravet er 4,5:1 for tekst. Målt med relativ luminans i nettleser
   på de ekte knappene, ikke beregnet for hånd.

   Utgangspunktet:

     color_primary   #ffc1cc + hvit tekst   1,53:1   ⛔
     color_checkout  #f8b912 + hvit tekst   1,76:1   ⛔   ← kassenknappen
     color_secondary #87ceeb + hvit tekst   1,74:1   ⛔
     color_links     #dd9933 på hvit        2,42:1   ⛔

   VALGET: behold pastellfargene, bytt teksten på dem til navy.
   Det er en mindre endring enn å bytte merkevarefargen — og pastellen
   ER merkevaren på en babybutikk. Samme farger med navy tekst:

     #ffc1cc + navy   8,39:1   ✅
     #f8b912 + navy   7,29:1   ✅
     #87ceeb + navy   7,36:1   ✅

   Lenker er ren tekst på hvit og kan ikke reddes av tekstfarge.
   #dd9933 (2,42) byttes til #B03A52 (5,88) — merkevarerosa mørknet,
   så lenkene hører til paletten i stedet for et tilfeldig gull.

   ⚠️ Dette avviker fra Chats forslag om å sette color_primary til #CE4257
   (4,62:1 med hvit tekst). Begge løser kontrasten; denne beholder uttrykket.
   ============================================================ */

:root {
  /* --- Merkevareflater. Alltid med navy tekst. --- */
  --bs-blush:        #FFC1CC;   /* primær — knapper, aksenter */
  --bs-blush-myk:    #FDF2F5;   /* lett tint — kort, hover */
  --bs-sky:          #87CEEB;   /* sekundær — flater */
  --bs-sky-myk:      #EAF6FC;
  --bs-gul:          #F8B912;   /* kassenknapp */

  /* --- Tekst og mørke flater. Hvit tekst her. --- */
  --bs-navy:         #253345;   /* 12,82:1 mot hvit */
  --bs-navy-myk:     #3A4A5E;   /*  9,05:1 mot hvit */

  /* --- Lenker. Må stå alene på hvit. --- */
  --bs-lenke:        #B03A52;   /* 5,88:1 */
  --bs-lenke-hover:  #8E2D42;

  /* --- Status. Begge består allerede. --- */
  --bs-alert:        #B20000;   /* 7,26:1 mot hvit */
  --bs-sale:         #D93717;   /* 4,66:1 mot hvit */
  --bs-ok:           #2F6B4A;   /* 6,32:1 mot hvit */
  --bs-ok-myk:       #E8F4EE;

  /* --- Nøytrale --- */
  --bs-blekk:        #2F2A28;
  /* MALT 05.10.2026: #7D746E besto BARE pa ren hvit (4,57) og falt pa
     hver tonede flate vi faktisk bruker - krem 4,28, blush-myk 4,18,
     stripe-hover 3,83. #665D57 gir 5,38-6,43 pa alle fire. */
  --bs-damp:         #665D57;   /* 6,43:1 mot hvit */
  --bs-kant:         #EEE5E0;
  --bs-krem:         #FAF7F5;

  /* --- Form --- */
  --bs-radius-sm:    10px;
  --bs-radius:       16px;
  --bs-radius-lg:    20px;
  --bs-radius-pille: 999px;
  --bs-skygge:       0 2px 14px rgba(180,150,160,.09);
  --bs-skygge-lov:   0 6px 22px rgba(180,150,160,.16);
}

/* ============================================================
   Kontrastrettingene. Flatsome skriver knappefargene inline fra
   Customizer, så disse trenger litt vekt for å vinne.
   ============================================================ */

/* Primærknapper: rosa flate, navy tekst */
.button.primary:not(.is-outline),
button.primary:not(.is-outline),
input[type="submit"].primary,
.button.alt:not(.is-outline),
button.alt:not(.is-outline),
.single_add_to_cart_button {
  background-color: var(--bs-blush);
  color: var(--bs-navy) !important;
  border-color: var(--bs-blush);
}
.button.primary:not(.is-outline):hover,
button.primary:not(.is-outline):hover,
.single_add_to_cart_button:hover {
  background-color: #FFB3C1;
  color: var(--bs-navy) !important;
}

/* Kassenknappen: gul flate, navy tekst. 1,76 -> 7,29 */
.checkout-button,
.button.checkout,
.wc-proceed-to-checkout .button {
  background-color: var(--bs-gul) !important;
  color: var(--bs-navy) !important;
  border-color: var(--bs-gul) !important;
}
.checkout-button:hover,
.wc-proceed-to-checkout .button:hover {
  background-color: #E8AC0B !important;
  color: var(--bs-navy) !important;
}

/* Sekundærknapper: himmelblå flate, navy tekst */
.button.secondary:not(.is-outline),
button.secondary:not(.is-outline) {
  background-color: var(--bs-sky);
  color: var(--bs-navy) !important;
  border-color: var(--bs-sky);
}

/* Lenker i brødtekst. 2,42 -> 5,88 */
.entry-content a:not(.button):not(.more-link),
.woocommerce-Tabs-panel a:not(.button),
#tab-description a:not(.button),
.term-description a:not(.button),
p a:not(.button):not(.more-link) {
  color: var(--bs-lenke);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.entry-content a:not(.button):hover,
#tab-description a:not(.button):hover,
p a:not(.button):not(.more-link):hover {
  color: var(--bs-lenke-hover);
}

/* Fokusmarkering — den manglet helt, og den trengs for tastaturbruk */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--bs-navy);
  outline-offset: 2px;
  border-radius: 3px;
}