/* pf_base tokens — protectivefilm.com.au (store 0) "Trade Counter"
   Only variables + font loading live here. Layout and components are in pf.css. */
/* Google Fonts are linked from header.twig (preconnect + link) instead of @import, which chained a render-blocking request behind this file */

:root {
  --pf-font-body: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pf-font-head: 'Barlow Condensed', 'Poppins', system-ui, sans-serif;
  --pf-head-transform: uppercase;
  --pf-head-tracking: .4px;
  --pf-head-weight: 700;

  --pf-primary: #0a5fb4;
  --pf-primary-dark: #063f7a;
  --pf-primary-ink: #ffffff;
  --pf-accent: #f5a623;
  --pf-accent-ink: #1c2430;
  --pf-cta: #1b3a6b;
  --pf-cta-ink: #ffffff;
  --pf-cta-hover: #142c52;

  --pf-ink: #333333;
  --pf-ink-strong: #1c2430;
  --pf-muted: #5a6a7e;
  --pf-faint: #8a98aa;
  --pf-surface: #ffffff;
  --pf-page: #f3f5f8;
  --pf-panel: #f8f9fb;
  --pf-field: #eef0f3;
  --pf-line: #dde3ea;
  --pf-line-soft: #e3e7ec;

  --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-dark: #0f1f33;
  --pf-dark-ink: #c9d6e6;

  --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: var(--pf-primary);
  --pf-menu-ink: #ffffff;
  --pf-menu-active: var(--pf-primary-dark);
}