/* Live Life Happy design tokens (child theme livelifehappy, parent hummingbird 2.1.2).
   Direct na theme.css van Hummingbird geladen (priority 60). Alleen variabelen en lettertypes.
   Kleuren 1 op 1 uit het ontwerp; contrast van witte tekst op roze en groen bewust nog zo gelaten (zie README, open punten). */

@font-face {
  font-family: "Fredoka One";
  src: url("../fonts/fredoka-one-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/nunito-latin-wght-normal.woff2") format("woff2-variations");
  font-weight: 200 1000; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/nunito-latin-ext-wght-normal.woff2") format("woff2-variations");
  font-weight: 200 1000; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root,
[data-bs-theme="light"] {
  /* Live Life Happy (namen gelijk aan het ontwerp) */
  --llh-usp: #FFC8D7;        /* USP-balk */
  --llh-nav: #FFF9F6;        /* menubalk */
  --llh-pink: #FA798F;       /* roze accent: badges, nieuwsbrief, actieve chip, teller */
  --llh-btn: #FA798F;        /* algemene knoppen (hero, promo, zoeken) */
  --llh-btn-hover: #ED7388;
  --llh-link: #B8334F;       /* tekstlinks, "Bekijk", Bestseller-label */
  --llh-ink: #2B2123;
  --llh-muted: #5E4D50;
  --llh-promo: #FEEDEE;      /* zachte vlakken */
  --llh-promo-2: #FEF1E9;
  --llh-about: #FFE4EC;
  --llh-foot: #FCF1EC;       /* footer */
  --llh-line: #F3E6E8;
  --llh-line-2: #F0DCDF;
  --llh-bg: #FFFEFE;
  --llh-hero: #FCEEEE;
  --llh-buy: #28A745;        /* bestelknoppen */
  --llh-buy-hover: #1E8E3A;
  --llh-news-btn: #C93F5B;
  --llh-ok: #28A745;
  --llh-warn: #B45309;
  --llh-bad: #C62828;
  --llh-radius: 10px;
  --llh-container: 1100px;
  --llh-font-display: "Fredoka One", "Fredoka", "Trebuchet MS", sans-serif;
  --llh-font-text: "Nunito", "Trebuchet MS", system-ui, sans-serif;
  --llh-shadow: 0 10px 30px rgba(43, 33, 35, .12);

  /* Bootstrap 5.3: primair = bestelknop groen (Hummingbird gebruikt btn-primary voor In winkelwagen en afrekenen) */
  --bs-primary: #28A745;
  --bs-primary-rgb: 40, 167, 69;
  --bs-primary-text-emphasis: #1E7B34;
  --bs-primary-bg-subtle: #FEEDEE;
  --bs-primary-border-subtle: #F0DCDF;
  --bs-link-color: #B8334F;
  --bs-link-color-rgb: 184, 51, 79;
  --bs-link-hover-color: #9E2A43;
  --bs-link-hover-color-rgb: 158, 42, 67;
  --bs-body-bg: #FFFEFE;
  --bs-body-bg-rgb: 255, 254, 254;
  --bs-body-color: #2B2123;
  --bs-body-color-rgb: 43, 33, 35;
  --bs-emphasis-color: #2B2123;
  --bs-heading-color: #2B2123;
  --bs-secondary-color: #5E4D50;
  --bs-border-color: #F3E6E8;
  --bs-tertiary-bg: #FEEDEE;
  --bs-success: #28A745;
  --bs-success-rgb: 40, 167, 69;
  --bs-danger: #C62828;
  --bs-danger-rgb: 198, 40, 40;
  --bs-warning: #B45309;
  --bs-warning-rgb: 180, 83, 9;
  --bs-border-radius: 10px;
  --bs-border-radius-sm: 8px;
  --bs-border-radius-lg: 12px;
  --bs-body-font-family: var(--llh-font-text);
  --bs-font-sans-serif: var(--llh-font-text);
  --bs-body-font-size: 0.9375rem; /* 15px */
  --bs-body-line-height: 1.5;
}

/* Knoppen: gecompileerde hexwaarden van Hummingbird overschrijven */
.btn-primary {
  --bs-btn-bg: #28A745;
  --bs-btn-border-color: #28A745;
  --bs-btn-hover-bg: #1E8E3A;
  --bs-btn-hover-border-color: #1E8E3A;
  --bs-btn-active-bg: #1E8E3A;
  --bs-btn-active-border-color: #1E8E3A;
  --bs-btn-disabled-bg: #F0DCDF;
  --bs-btn-disabled-border-color: #F0DCDF;
  --bs-btn-disabled-color: #5E4D50;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-font-weight: 800;
  --bs-btn-border-radius: 10px;
}
.btn-outline-primary {
  --bs-btn-color: #B8334F;
  --bs-btn-border-color: #F0DCDF;
  --bs-btn-hover-bg: #FEEDEE;
  --bs-btn-hover-color: #2B2123;
  --bs-btn-hover-border-color: #F0DCDF;
  --bs-btn-active-bg: #FEEDEE;
  --bs-btn-active-border-color: #F0DCDF;
  --bs-btn-border-radius: 10px;
}
.btn { --bs-btn-border-radius: 10px; }