/*
Theme Name: Cafe Pignon
Theme URI: https://cafepignon.com
Description: Cafe Pignon brand theme. Astra child carrying the palette and type pairing from the
  original SvelteKit build, so the WordPress + WooCommerce store keeps the look it launched with.
Author: Trident / Zakley
Version: 1.0.0
Template: astra
*/

/* --- Brand tokens, read from the original build's compiled CSS (capture 2026-09-26) --- */
:root {
  --color-coffee:       #3c1518;
  --color-coffee-dark:  #2a0e10;
  --color-coffee-light: #5c2a2e;
  --color-cream:        #f5f0e8;
  --color-cream-dark:   #e8e0d0;
  --color-gold:         #c1975c;
  --color-gold-dark:    #a67d42;
  --color-gold-light:   #d4b07a;
  --color-green:        #2d5016;
  --color-green-dark:   #1e3a0e;
  --color-warm-gray:       #6b5e54;
  --color-warm-gray-light: #9b8e84;
  --color-dark:         #1a1a1a;
  --font-body:    "Inter", system-ui, sans-serif;
  --font-heading: "Playfair Display", Georgia, serif;
  --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem;
}

body, button, input, select, textarea { font-family: var(--font-body); color: var(--color-dark); }
body { background: var(--color-cream); }
h1, h2, h3, h4, h5, h6, .site-title,
.entry-title, .woocommerce-loop-product__title, .product_title {
  font-family: var(--font-heading); color: var(--color-coffee);
}
a { color: var(--color-coffee); }
a:hover, a:focus { color: var(--color-gold-dark); }

/* header / footer */
.site-header, .ast-primary-header-bar { background: var(--color-coffee) !important; }
.site-header .site-title a, .site-header .site-description,
.main-header-menu > li > a, .ast-builder-menu a { color: var(--color-cream) !important; }
.main-header-menu > li > a:hover, .ast-builder-menu a:hover { color: var(--color-gold-light) !important; }
.site-footer, .ast-footer-overlay, footer.site-footer { background: var(--color-coffee-dark); color: var(--color-cream); }
.site-footer a { color: var(--color-gold-light); }

/* buttons, including WooCommerce */
.ast-button, button, input[type="submit"], .wp-block-button__link,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt {
  background: var(--color-coffee); color: var(--color-cream);
  border: 0; border-radius: var(--radius-lg); font-family: var(--font-body); font-weight: 600;
  padding: .75rem 1.5rem; transition: background .15s cubic-bezier(.4,0,.2,1);
}
.ast-button:hover, button:hover, input[type="submit"]:hover, .wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background: var(--color-gold-dark); color: #fff;
}

/* product cards + prices */
.woocommerce ul.products li.product,
.woocommerce div.product .summary { background: #fff; border-radius: var(--radius-xl); }
.woocommerce ul.products li.product { padding: 0 0 1.25rem; overflow: hidden; }
.woocommerce ul.products li.product a img { border-radius: var(--radius-xl) var(--radius-xl) 0 0; margin-bottom: 1rem; }
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: var(--color-coffee); font-family: var(--font-heading); font-weight: 700; font-size: 1.35rem;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info { border-top-color: var(--color-gold); }
.woocommerce .woocommerce-message::before, .woocommerce .woocommerce-info::before { color: var(--color-gold); }
.woocommerce span.onsale { background: var(--color-green); }

/* notices and checkout emphasis */
.woocommerce-checkout #payment { background: var(--color-cream-dark); border-radius: var(--radius-xl); }
.woocommerce-checkout #payment div.payment_box { background: #fff; }