:root {
  /* Brand chrome: buttons, badges, active states, overlays */
  --primary-color: #000000;
  /* Light tone that sits on top of the brand chrome */
  --secondary-color: #ffffff;
  /* Text/icon colour for content painted ON a filled surface. Declared here so
     an unbranded store gets Lux's own contrast instead of relying on a CSS
     fallback, which never fires while --text-color has a value. Branding
     recomputes these as auto contrast for the store's own colours. */
  --on-primary-color: #ffffff;
  --on-secondary-color: #000000;
  /* Muted / meta text (was text-gray-500) */
  --tertiary-color: #6b7280;
  /* Page + section canvas */
  --background-color: #ffffff;
  --text-color: #000000;
  --heading-color: #000000;
  /* Purchase flow: add to bag, checkout, go to cart */
  --cta-color: #000000;
  /* Header icons + their hover accent. Lux is monochrome, so the shared
     "hover red" variable is a muted gray here — a red accent would break the
     theme's black/white language. */
  --icon-stock: #000000;
  --text-hover-red: #6b7280;
  /* Dark panel behind the PDP description band. Its own tone by default, but
     it tracks primaryColor once a store sets branding. */
  --lux-panel-color: #303030;
}

body {
  background-color: var(--background-color);
}

::selection {
  color: var(--secondary-color);
  background: var(--primary-color);
}

@font-face {
  font-family: 'PPMori-Regular';

  src:
    url('https://static.ooulet.com/fonts/PPMori-Regular.woff2') format('woff2'),
    url('https://static.ooulet.com/fonts/PPMori-Regular.woff') format('woff');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'PPMori-SemiBold';

  src:
    url('https://static.ooulet.com/fonts/PPMori-SemiBold.woff2') format('woff2'),
    url('https://static.ooulet.com/fonts/PPMori-SemiBold.woff') format('woff');

  font-weight: 600;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'PPObjectSans-Regular';

  src:
    url('https://static.ooulet.com/fonts/PPObjectSans-Regular.woff2')
      format('woff2'),
    url('https://static.ooulet.com/fonts/PPObjectSans-Regular.woff')
      format('woff');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}