/* pf_base tokens — hingebender.au (store 3) Hinge Bender (BP 2026-10-18, "BP Brand Skins" Clean row)
   Only variables live here. Layout and components are in pf.css + bp.css. */
:root {
  --pf-font-body: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pf-font-head: 'Oswald', 'Poppins', system-ui, sans-serif;
  --pf-head-transform: uppercase;
  --pf-head-tracking: .4px;
  --pf-head-weight: 600;

  --pf-primary: #1d2b4c;
  --pf-primary-dark: #141f38;
  --pf-primary-ink: #ffffff;
  --pf-accent: #d9ae4c;
  --pf-accent-ink: #1d2b4c;
  --pf-cta: #1d2b4c;
  --pf-cta-ink: #ffffff;
  --pf-cta-hover: #141f38;

  --pf-ink: #333333;
  --pf-ink-strong: #1d2b4c;
  --pf-ink-soft: #3b4766;
  --pf-muted: #5a6580;
  --pf-faint: #8790a8;
  --pf-surface: #ffffff;
  --pf-page: #f2f3f6;
  --pf-panel: #f7f8fa;
  --pf-field: #eceef3;
  --pf-line: #dde1ea;
  --pf-line-soft: #e4e7ee;

  --pf-select-bg: #e8f0fe;
  --pf-select-line: #1a73e8;
  --pf-ok-bg: #e6f4ea;
  --pf-ok: #1e7e34;
  --pf-warn-bg: #fdeeda;
  --pf-warn: #8a4b00;
  --pf-sale: #d0021b;
  --pf-star: #f5a623;
  --pf-dark: #141f38;
  --pf-dark-ink: #c8d0e2;

  --pf-hero-bg: #141f38;
  --pf-hero-ink: #ffffff;
  --pf-hero-title: #ffffff;
  --pf-hero-muted: #c8d0e2;
  --pf-hero-kick: #d9ae4c;
  --pf-hero-cta: #d9ae4c;
  --pf-hero-cta-ink: #1d2b4c;

  --pf-radius: 8px;
  --pf-radius-sm: 4px;
  --pf-radius-pill: 16px;
  --pf-shadow: 0 6px 18px rgba(16, 28, 46, .12);
  --pf-header-border: 3px solid var(--pf-accent);
  --pf-menu-bg: #1d2b4c;
  --pf-menu-ink: #ffffff;
  --pf-menu-active: #141f38;
  --pf-stripe: transparent;
  --pf-step-bg: var(--pf-field);
  --pf-step-fg: var(--pf-ink-strong);
  --pf-step-size: 40px;
}