/* pf_base tokens — pad-it.com.au (store 1) PADiT (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: 'Poppins', system-ui, sans-serif;
  --pf-head-transform: none;
  --pf-head-tracking: -.2px;
  --pf-head-weight: 700;

  --pf-primary: #111111;
  --pf-primary-dark: #000000;
  --pf-primary-ink: #ffffff;
  --pf-accent: #ffd60a;
  --pf-accent-ink: #111111;
  --pf-cta: #111111;
  --pf-cta-ink: #ffffff;
  --pf-cta-hover: #333333;

  --pf-ink: #333333;
  --pf-ink-strong: #111111;
  --pf-ink-soft: #4a4a4a;
  --pf-muted: #666666;
  --pf-faint: #8a8a8a;
  --pf-surface: #ffffff;
  --pf-page: #f4f4f2;
  --pf-panel: #f7f7f5;
  --pf-field: #efefec;
  --pf-line: #e2e2de;
  --pf-line-soft: #e8e8e4;

  --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: #161616;
  --pf-dark-ink: #cfcfcf;

  --pf-hero-bg: #161616;
  --pf-hero-ink: #ffffff;
  --pf-hero-title: #ffffff;
  --pf-hero-muted: #cfcfcf;
  --pf-hero-kick: #ffd60a;
  --pf-hero-cta: #ffd60a;
  --pf-hero-cta-ink: #111111;

  --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: #161616;
  --pf-menu-ink: #ffffff;
  --pf-menu-active: #2c2c2c;
  --pf-stripe: transparent;
  --pf-step-bg: var(--pf-field);
  --pf-step-fg: var(--pf-ink-strong);
  --pf-step-size: 40px;
}