/*
Theme Name: Psilly Passage
Theme URI: https://psillypassage.com
Description: Psilly Passage storefront theme. Design system mirrors psychedelicpassage.com; catalog architecture built for a full WooCommerce shop.
Author: Axidion
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: psillypassage
*/

/* ============ FONTS ============ */
@font-face{font-family:'Akkurat';src:url('assets/fonts/AkkuratLLSub-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Akkurat';src:url('assets/fonts/AkkuratLLSub-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* ============ TOKENS ============
   Layout/structure mirrors psychedelicpassage.com; colours are retuned to the
   Psilly Passage brand mark (deep green + gold) so the logo reads coherently. */
:root{
  --pp-primary:#0B5137;      /* brand green */
  --pp-primary-dark:#073A27;
  --pp-secondary:#04402C;    /* deep brand green — headings */
  --pp-navy-deep:#032D1F;
  --pp-blue:#0B5137;
  --pp-text:#3D3A33;         /* warm brown-grey body text */
  --pp-accent:#A8823C;       /* brand gold — prices, badges */
  --pp-accent-alt:#C3A263;
  --pp-accent-dark:#8A6A2E;
  --pp-cream:#FFF9EB;
  --pp-tan:#C3A263;
  --pp-ink:#262626;
  --pp-black:#000;
  --pp-white:#fff;
  --pp-grey:#969696;
  --pp-line:#E7E3D8;
  --pp-soft:#BFD3C6;
  --pp-green:#26A837;
  --pp-radius:10px;
  --pp-radius-lg:18px;
  --pp-shadow:0 4px 24px rgba(4,64,44,.10);
  --pp-shadow-hover:0 10px 34px rgba(4,64,44,.16);
  --pp-max:1200px;
  --pp-font:'Akkurat','Helvetica Neue',Helvetica,Arial,sans-serif;
}

/* ============ RESET / BASE ============ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--pp-font);font-size:17px;line-height:1.65;color:var(--pp-text);background:var(--pp-white);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--pp-primary);text-decoration:none}
a:hover{color:var(--pp-accent)}
h1,h2,h3,h4,h5{font-family:var(--pp-font);color:var(--pp-secondary);line-height:1.18;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(2rem,4.4vw,3.4rem)}
h2{font-size:clamp(1.6rem,3.2vw,2.5rem)}
h3{font-size:clamp(1.25rem,2.2vw,1.6rem)}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.1em;padding-left:1.25em}
.pp-wrap{max-width:var(--pp-max);margin:0 auto;padding:0 20px}
.pp-narrow{max-width:820px;margin:0 auto;padding:0 20px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.pp-section{padding:64px 0}
.pp-section--cream{background:var(--pp-cream)}
.pp-section--navy{background:var(--pp-secondary);color:#fff}
.pp-section--navy h1,.pp-section--navy h2,.pp-section--navy h3{color:#fff}
.pp-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;color:var(--pp-primary);margin:0 0 .6em}
.pp-lead{font-size:1.14rem;color:var(--pp-text)}
.pp-center{text-align:center}

/* ============ BUTTONS ============ */
.pp-btn,.button,button,input[type=submit],
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{
  display:inline-block;background:var(--pp-primary);color:#fff!important;border:2px solid var(--pp-primary);
  padding:13px 30px;border-radius:999px;font-weight:700;font-size:.98rem;line-height:1.2;cursor:pointer;
  transition:.18s ease;text-align:center;font-family:var(--pp-font)}
.pp-btn:hover,.button:hover,button:hover,input[type=submit]:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--pp-primary-dark);border-color:var(--pp-primary-dark);color:#fff!important}
.pp-btn--accent{background:var(--pp-accent);border-color:var(--pp-accent)}
.pp-btn--accent:hover{background:var(--pp-accent-dark);border-color:var(--pp-accent-dark)}
.pp-btn--ghost{background:transparent;color:var(--pp-primary)!important;border-color:var(--pp-primary)}
.pp-btn--ghost:hover{background:var(--pp-primary);color:#fff!important}
.pp-btn--light{background:#fff;color:var(--pp-secondary)!important;border-color:#fff}
.pp-btn--light:hover{background:var(--pp-cream);border-color:var(--pp-cream);color:var(--pp-secondary)!important}