/* =================================================================
   Reblend · base: design tokens, typography, header/footer, buttons
   Colours taken from the matte-lotion box dieline: taupe #CAC1B6 is the brand colour,
   white type, hair-thin gold rules, white silk lines. Deep stone replaces black.
   Masculine tone: bold sans headings, square corners, no script or soft pastels.
   ================================================================= */
:root:root {  /* doubled selector: Blocksy prints its palette later in the page with the same specificity */
  --rb-taupe: #cac1b6;      /* the box */
  --rb-taupe-l: #ddd7cf;
  --rb-taupe-d: #b3a99c;
  --rb-stone: #57514a;      /* deep sections, white text on it passes contrast */
  --rb-stone-d: #3d3934;
  --rb-graphite: #24221f;   /* body text */
  --rb-white: #ffffff;
  --rb-paper: #efebe6;      /* light sections */
  --rb-gold: #b8995a;
  --rb-gold-l: #d6bd86;
  --rb-mut: #6d665e;
  --rb-line: rgba(36,34,31,.14);
  --rb-sans: "Heebo", Arial, sans-serif;

  /* Blocksy palette hooks, so theme defaults pick up the brand colours */
  --theme-palette-color-1: var(--rb-stone);
  --theme-palette-color-2: var(--rb-gold);
  --theme-palette-color-3: var(--rb-graphite);
  --theme-palette-color-4: var(--rb-graphite);
  --theme-palette-color-5: var(--rb-taupe-d);
  --theme-palette-color-6: var(--rb-taupe-l);
  --theme-palette-color-7: var(--rb-paper);
  --theme-palette-color-8: var(--rb-white);
  --theme-font-family: var(--rb-sans);
}

body {
  font-family: var(--rb-sans);
  font-weight: 400;
  color: var(--rb-graphite);
  background: var(--rb-paper) !important;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, .entry-title, .product_title {
  font-family: var(--rb-sans);
  font-weight: 700;
  letter-spacing: -.01em;
}
a { color: var(--rb-stone); }
a:hover { color: var(--rb-graphite); }
::selection { background: var(--rb-taupe); color: var(--rb-graphite); }

/* ---------- accessibility: visible keyboard focus, readable skip link ---------- */
:focus-visible { outline: 3px solid var(--rb-graphite); outline-offset: 3px; }
.rb-how :focus-visible, .rb-order :focus-visible, .ct-footer :focus-visible { outline-color: var(--rb-white); }
.skip-link:focus, .screen-reader-text:focus {
  background: var(--rb-white);
  color: var(--rb-graphite);
  padding: 12px 18px;
  font-weight: 700;
  z-index: 100000;
}

/* ---------- header / footer (Blocksy) ---------- */
.ct-header [data-row] { background: var(--rb-taupe) !important; border-bottom: 1px solid rgba(184,153,90,.55); }
.ct-header .menu > li > a,
.ct-header .ct-menu-link { color: var(--rb-graphite) !important; font-weight: 500; }
.ct-header .menu > li > a:hover { color: var(--rb-white) !important; }
.ct-header .ct-cart-item, .ct-header .ct-header-search { color: var(--rb-graphite); }
.ct-footer, .ct-footer [data-row] { background: var(--rb-stone-d) !important; color: #cfc8be; }
.ct-footer a { color: var(--rb-white); }
.ct-footer a:hover { color: var(--rb-gold-l); }

/* ---------- buttons: theme, WooCommerce and the button blocks of the sections ---------- */
.ct-button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .single_add_to_cart_button, .checkout-button,
#place_order, .rb-btn .wp-block-button__link {
  display: inline-block;
  background: var(--rb-graphite) !important;
  color: var(--rb-white) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: var(--rb-sans);
  font-weight: 600;
  letter-spacing: .04em;
  padding: 15px 32px;
  transition: background .25s;
}
.ct-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.single_add_to_cart_button:hover, .checkout-button:hover, #place_order:hover, .rb-btn .wp-block-button__link:hover {
  background: var(--rb-stone) !important;
  color: var(--rb-white) !important;
}
.rb-btn-ghost .wp-block-button__link {
  display: inline-block;
  padding: 14px 30px;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 0;
  color: var(--rb-graphite);
  font-weight: 600;
  letter-spacing: .04em;
}
.rb-btn-ghost .wp-block-button__link:hover { background: rgba(255,255,255,.18); }