/* pf_base tokens — dottsrugs.com.au (Dotts Rugs skin)
   Only variables + font loading live here. Layout and components are in pf.css; rug-shop
   specifics are in pf-skin-rugs.css. Brand palette carried over from the Journal skin:
   gold #f8af49 (logo circle), hover #f9c47b, action red #dd0e1c, dark #1c1c1c, text #333. */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Nunito+Sans:wght@400;600;700&family=Caveat:wght@500&display=swap");

:root {
  --pf-font-body: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pf-font-head: 'Montserrat', 'Nunito Sans', system-ui, sans-serif;
  --pf-font-accent: 'Caveat', cursive;
  --pf-head-transform: none;
  --pf-head-tracking: -.2px;
  --pf-head-weight: 600;

  --pf-primary: #1c1c1c;          /* charcoal: nav text, footer, CTAs */
  --pf-primary-dark: #000000;
  --pf-primary-ink: #ffffff;
  --pf-accent: #f8af49;           /* Dotts gold */
  --pf-accent-ink: #1c1c1c;
  --pf-accent-hover: #f9c47b;
  --pf-cta: #1c1c1c;
  --pf-cta-ink: #ffffff;
  --pf-cta-hover: #f8af49;
  --pf-cta-hover-ink: #1c1c1c;

  --pf-ink: #333333;
  --pf-ink-strong: #1c1c1c;
  --pf-muted: #696973;
  --pf-faint: #8b9198;
  --pf-surface: #ffffff;
  --pf-page: #ffffff;
  --pf-panel: #faf7f2;            /* warm cream */
  --pf-field: #f3f1ec;
  --pf-line: #e6e2dc;
  --pf-line-soft: #efece7;

  --pf-select-bg: #fff4e3;
  --pf-select-line: #f8af49;
  --pf-ok-bg: #eaf6eb;
  --pf-ok: #2f7d33;
  --pf-warn-bg: #fdf1dd;
  --pf-warn: #8a4b00;
  --pf-sale: #dd0e1c;
  --pf-dark: #1c1c1c;
  --pf-dark-ink: #d9d9d9;

  --pf-radius: 6px;
  --pf-radius-sm: 3px;
  --pf-radius-pill: 999px;
  --pf-shadow: 0 10px 30px rgba(28, 28, 28, .10);
  --pf-header-border: 1px solid var(--pf-line);
  --pf-menu-bg: #ffffff;          /* white menu bar, charcoal text, gold underline on hover */
  --pf-menu-ink: #1c1c1c;
  --pf-menu-active: #faf7f2;

  --pf-hero-bg: #faf7f2;
  --pf-hero-fade: #faf7f2;
  --pf-hero-ink: #333333;
  --pf-hero-muted: #696973;
  --pf-hero-title: #1c1c1c;
  --pf-hero-kick: #c47d12;
}