/*
Theme Name:   Blocksy Child — Napasha Way
Template:     blocksy
Description:  Child theme for Napasha Way. All brand and WooCommerce customizations live here. Do not edit the Blocksy parent theme directly.
Version:      1.0.0
Author:       Napasha Way
Text Domain:  blocksy-child
*/

/* ============================================================
   Napasha Way — Brand Design Tokens
   Forest & Honey palette · Libre Baskerville + Source Sans 3
   ============================================================ */

:root {
  /* Brand palette */
  --nw-primary:    #2D5016;  /* deep forest green  */
  --nw-accent:     #C8953A;  /* honey gold          */
  --nw-secondary:  #6B7C5A;  /* moss                */
  --nw-bg:         #FEFCF4;  /* warm off-white      */
  --nw-text:       #2A2018;  /* dark chocolate      */

  /* Map brand tokens onto Blocksy's 8 palette slots.
     These reinforce what is set via the Customizer and serve as
     a reliable fallback if Customizer data is cleared. */
  --theme-palette-color-1: var(--nw-primary);
  --theme-palette-color-2: var(--nw-accent);
  --theme-palette-color-3: var(--nw-secondary);
  --theme-palette-color-4: var(--nw-text);
  --theme-palette-color-5: #5A7A3A;  /* lighter green complement */
  --theme-palette-color-6: #E8D5A3;  /* pale honey tint          */
  --theme-palette-color-7: var(--nw-bg);
  --theme-palette-color-8: #FFFFFF;

  /* Typography */
  --nw-font-heading: 'Libre Baskerville', Georgia, serif;
  --nw-font-body:    'Source Sans 3', system-ui, sans-serif;
}

/* Base typography */
body {
  font-family:      var(--nw-font-body);
  background-color: var(--nw-bg);
  color:            var(--nw-text);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
  font-family: var(--nw-font-heading);
  color:        var(--nw-primary);
}

/* Links */
a        { color: var(--nw-accent); }
a:hover  { color: var(--nw-primary); }

/* Buttons */
.ct-button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button {
  background-color: var(--nw-primary);
  color:            #FFFFFF;
  border-radius:    4px;
  font-family:      var(--nw-font-body);
  font-weight:      600;
  letter-spacing:   0.03em;
  transition:       background-color 0.2s ease, opacity 0.2s ease;
}

.ct-button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background-color: var(--nw-accent);
  color:            #FFFFFF;
}

/* WooCommerce price */
.woocommerce .price,
.woocommerce .amount {
  color:       var(--nw-primary);
  font-weight: 600;
}

/* WooCommerce sale badge */
.woocommerce span.onsale {
  background-color: var(--nw-accent);
}