/* ============================================================================
   PrimeDoggy v2 — tokens.css
   Destination: /wp-content/themes/primedoggy-v2/assets/css/tokens.css
   Source of truth: Master Brief v3.0 §4.0 + Execution Plan §3.1
   Load order: FIRST stylesheet, no dependencies (enqueue handle: pd-tokens).
   LiteSpeed: MUST be added to CSS Excludes (Plan §12) — deferral breaks
   everything downstream.
   ========================================================================== */

:root {
  /* Brand Colors */
  --sage: #7B9584;
  --sage-hover: #5a7363;
  --sage-light: #e8eeea;
  /* Backgrounds */
  --cream: #F7F4EC;
  --cream-dark: #EDE9DF;
  /* Text */
  --charcoal: #2F2F2F;
  --charcoal-dark: #1F2421;
  --muted: #6B7B74;
  /* UI */
  --white: #FFFFFF;
  --border: #DDD8CC;
  /* Accent — literal in IQ source, variable here for convenience */
  --sage-emphasis: #4a6355;

  /* Type */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Layout */
  --container: 1180px;
  --radius-card: 12px;
  --radius-pill: 999px;
}

html { background: var(--cream); }
body {
  font-family: var(--font-ui);
  color: var(--charcoal);
  margin: 0;
  line-height: 1.6; /* was unset — browser default (~1.2) read as cramped; added per founder feedback */
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, .display { font-family: var(--font-display); font-weight: 600; color: var(--charcoal); }

/* Numbers rule — Brief §4.0, no exceptions.
   The !important is deliberate (Plan §3.1): it wins against any WooCommerce or
   plugin price styling and mechanically enforces the "Inter for ALL numbers"
   confirmed decision. .woocommerce-Price-amount is WooCommerce's price wrapper
   class, so every price site-wide is covered without per-template effort. */
.number, [data-numeric], .price, .stat, .step-indicator, .progress-label,
.woocommerce-Price-amount, .pd-pricing td, .pd-progress-pct {
  font-family: var(--font-ui) !important;
  font-variant-numeric: tabular-nums;
}