/* Norweh brand tokens — navy / burgundy (Figma "Norweh-US", Oct 2026).
   Single source for the palette; theme-styles.css, custom-css.css and the
   sass/ partials reference these instead of raw hex. Values mirror the Figma
   variables (Brand/*, Neutral/*), so change them there first. */
:root {
  --nw-navy: #001536;
  --nw-navy-600: #0F346B;
  --nw-burgundy: #7D071F;
  --nw-tint: #EAF2FA;
  --nw-ink: #1F1F1F;
  --nw-body: #4A4A4A;
  --nw-muted: #767676;
  --nw-surface: #F4F4F3;
  --nw-line: #E2E2E2;
  --nw-line-strong: #D6D6D6;
  --nw-white: #FFFFFF;

  --nw-font-body: "DM Sans", sans-serif;
  --nw-font-display: "Playfair Display", serif;
}

/* WooCommerce core colour variables (woocommerce.css :root) on every page: its purple
   brand / primary buttons, lavender secondary buttons, olive price highlight, blue info
   notices and the reddish-brown form border all become the brand palette. Plus the
   swiper sliders' default blue (theme gallery, product video gallery plugin). */
body {
  --wc-red: var(--nw-burgundy);
  --woocommerce: var(--nw-navy);
  --wc-primary: var(--nw-navy);
  --wc-primary-text: var(--nw-white);
  --wc-secondary: var(--nw-surface);
  --wc-secondary-text: var(--nw-ink);
  --wc-highlight: var(--nw-ink);
  --wc-highligh-text: var(--nw-white);
  --wc-blue: var(--nw-navy-600);
  --wc-subtext: var(--nw-body);
  --wc-form-border-color: var(--nw-line-strong);
  --swiper-theme-color: var(--nw-navy);
  --nswiper-theme-color: var(--nw-navy);
}

/* Elementor kit (Site Settings, kit post 4), remapped to the brand so every page that
   uses Site Settings — global colours, global fonts, the default body font — renders the
   same palette and two typefaces, including pages and templates not yet rebuilt.
   Overridden here so staging picks it up on deploy, before Site Settings itself is
   edited; body.elementor-kit-4 outranks the kit's own .elementor-kit-4 rule. Keep in
   sync with Site Settings once that's updated (then Elementor also stops loading the
   old Google fonts). Light neutrals and the transparent "primary" are left as they are. */
body.elementor-kit-4 {
  /* Theme Style body font (was Open Sans). */
  font-family: var(--nw-font-body);

  /* Global colours. */
  --e-global-color-b2bffa9: var(--nw-navy);       /* brand accent (was #E33036 / #0759A5) */
  --e-global-color-2a814c0: var(--nw-navy-600);   /* was #014EA2 */
  --e-global-color-accent: var(--nw-navy);        /* Elementor default accent, paints default buttons (was #61CE70 green) */
  --e-global-color-ec0f41c: var(--nw-ink);        /* was #151515 */
  --e-global-color-72f0854: var(--nw-ink);        /* was #241F20 */
  --e-global-color-932923a: var(--nw-ink);        /* was #262626 */
  --e-global-color-1cbf760: var(--nw-ink);        /* was #000000 */
  --e-global-color-9ffe0a0: var(--nw-body);       /* was #53616C */
  --e-global-color-acfebf2: var(--nw-body);       /* was #5C5C5C */
  --e-global-color-secondary: var(--nw-body);     /* Elementor default (was #54595F) */
  --e-global-color-text: var(--nw-body);          /* Elementor default (was #7A7A7A) */
  --e-global-color-9cb077b: var(--nw-muted);      /* was #787878 */
  --e-global-color-77116b1: var(--nw-burgundy);   /* was #CC0019 */
  --e-global-color-d9af49a: var(--nw-tint);       /* was #FDEFEF pink tint */
  --e-global-color-9dcfa95: var(--nw-line);       /* was #E3E3E3 */
  --e-global-color-8cdf47c: var(--nw-line);       /* was #E1E1E1 */
  --e-global-color-eaeb042: var(--nw-line-strong);/* was #D9D9D9 */

  /* Global fonts: Playfair Display for display styles, DM Sans for everything else. */
  /* Inter → DM Sans */
  --e-global-typography-1928897-font-family: var(--nw-font-body);
  --e-global-typography-1982947-font-family: var(--nw-font-body);
  --e-global-typography-2719541-font-family: var(--nw-font-body);
  --e-global-typography-3127811-font-family: var(--nw-font-body);
  --e-global-typography-5747826-font-family: var(--nw-font-body);
  --e-global-typography-8409493-font-family: var(--nw-font-body);
  --e-global-typography-52ce24e-font-family: var(--nw-font-body);
  --e-global-typography-2030b76-font-family: var(--nw-font-body);
  --e-global-typography-81ba705-font-family: var(--nw-font-body);
  --e-global-typography-69f84d3-font-family: var(--nw-font-body);
  --e-global-typography-1125aa4-font-family: var(--nw-font-body);
  --e-global-typography-7ab9638-font-family: var(--nw-font-body);
  --e-global-typography-52fc116-font-family: var(--nw-font-body);
  --e-global-typography-062f7c4-font-family: var(--nw-font-body);
  --e-global-typography-5a54609-font-family: var(--nw-font-body);
  --e-global-typography-63426f5-font-family: var(--nw-font-body);
  --e-global-typography-8763ba2-font-family: var(--nw-font-body);
  --e-global-typography-2b4a01d-font-family: var(--nw-font-body);
  --e-global-typography-0e74945-font-family: var(--nw-font-body);
  --e-global-typography-204147c-font-family: var(--nw-font-body);
  --e-global-typography-1a6d986-font-family: var(--nw-font-body);
  --e-global-typography-d6b9576-font-family: var(--nw-font-body);
  --e-global-typography-55893a5-font-family: var(--nw-font-body);
  --e-global-typography-7466ca2-font-family: var(--nw-font-body);
  --e-global-typography-2a95c1b-font-family: var(--nw-font-body);
  --e-global-typography-93f3ddb-font-family: var(--nw-font-body);
  --e-global-typography-99e684e-font-family: var(--nw-font-body);
  --e-global-typography-2a40d8d-font-family: var(--nw-font-body);
  --e-global-typography-e8cb380-font-family: var(--nw-font-body);
  --e-global-typography-dab386a-font-family: var(--nw-font-body);
  --e-global-typography-a7baf35-font-family: var(--nw-font-body);
  --e-global-typography-73a63f2-font-family: var(--nw-font-body);
  --e-global-typography-cc2c1e3-font-family: var(--nw-font-body);
  --e-global-typography-95d138b-font-family: var(--nw-font-body);
  --e-global-typography-ce0e8a4-font-family: var(--nw-font-body);
  --e-global-typography-a061296-font-family: var(--nw-font-body);
  --e-global-typography-80ca066-font-family: var(--nw-font-body);
  --e-global-typography-c2d319c-font-family: var(--nw-font-body);
  --e-global-typography-f1d90ba-font-family: var(--nw-font-body);
  --e-global-typography-18397b3-font-family: var(--nw-font-body);
  --e-global-typography-504b47f-font-family: var(--nw-font-body);
  --e-global-typography-9b0f036-font-family: var(--nw-font-body);
  --e-global-typography-1dc9c73-font-family: var(--nw-font-body);
  --e-global-typography-655b2bb-font-family: var(--nw-font-body);
  --e-global-typography-9a6f058-font-family: var(--nw-font-body);
  --e-global-typography-170b874-font-family: var(--nw-font-body);
  /* Roboto → DM Sans */
  --e-global-typography-primary-font-family: var(--nw-font-body);
  --e-global-typography-text-font-family: var(--nw-font-body);
  --e-global-typography-accent-font-family: var(--nw-font-body);
  /* Roboto Slab → Playfair Display */
  --e-global-typography-secondary-font-family: var(--nw-font-display);
  /* Be Vietnam Pro → DM Sans */
  --e-global-typography-295d7a1-font-family: var(--nw-font-body);
  --e-global-typography-c85eed6-font-family: var(--nw-font-body);
  --e-global-typography-a93077e-font-family: var(--nw-font-body);
}
