/* Storefront palette and fonts captured 2026-09-15. See ../../docs/BRAND_ASSETS.md. */
@font-face {
  font-family: "LNS Montserrat";
  src: url("./fonts/montserrat-black-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  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+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "LNS Questrial";
  src: url("./fonts/questrial-regular-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --lns-white: #ffffff;
  --lns-black: #000000;
  --lns-pink: #ff8cf7;
  --lns-pink-strong: #ff56f4;
  --lns-blue: #6bd8ff;
  --lns-blue-strong: #0db9f9;
  --lns-gray: #808080;
  --lns-gray-dark: #404040;

  /* Demo roles use the observed palette with dark text on bright fills. */
  --lns-color-page: var(--lns-white);
  --lns-color-text: var(--lns-black);
  --lns-color-muted: var(--lns-gray-dark);
  --lns-color-header: var(--lns-black);
  --lns-color-action: var(--lns-pink);
  --lns-color-action-hover: var(--lns-pink-strong);
  --lns-color-action-text: var(--lns-black);
  --lns-color-info: var(--lns-blue);
  --lns-color-focus: var(--lns-black);
  --lns-color-focus-on-dark: var(--lns-blue);
  --lns-font-heading: "LNS Montserrat", "Arial Black", Arial, sans-serif;
  --lns-font-body: "LNS Questrial", Arial, sans-serif;
}