/* pf_base tokens — protradegroup.com.au (store 5) "Job Site" — brand red + white (Dave 2026-10-11, was safety black/yellow) */
/* 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: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pf-font-head: 'Oswald', 'Source Sans 3', system-ui, sans-serif;
  --pf-head-transform: uppercase;
  --pf-head-tracking: .8px;
  --pf-head-weight: 600;

  --pf-primary: #cc0032;
  --pf-primary-dark: #9e0027;
  --pf-primary-ink: #ffffff;
  --pf-accent: #cc0032;
  --pf-accent-ink: #ffffff;
  --pf-cta: #cc0032;
  --pf-cta-ink: #ffffff;
  --pf-cta-hover: #a8002a;

  --pf-ink: #333333;
  --pf-ink-strong: #1a1a1a;
  --pf-muted: #55554f;
  --pf-faint: #8a8a82;
  --pf-surface: #ffffff;
  --pf-page: #f4f4f2;
  --pf-panel: #f4f4f2;
  --pf-field: #e9e9e4;
  --pf-line: #d6d6d0;
  --pf-line-soft: #d6d6d0;

  --pf-select-bg: #fde7ec;
  --pf-select-line: #cc0032;
  --pf-ok-bg: #e4efe5;
  --pf-ok: #1f6b33;
  --pf-warn-bg: #fdeeda;
  --pf-warn: #8a4b00;
  --pf-sale: #c8102e;
  --pf-dark: #1a1a1a;
  --pf-dark-ink: #d9d9d4;

  --pf-radius: 2px;
  --pf-radius-sm: 2px;
  --pf-radius-pill: 16px;
  --pf-shadow: 0 0 0 2px #cc0032;
  --pf-header-border: 1px solid #d6d6d0;
  --pf-menu-bg: #cc0032;
  --pf-menu-ink: #ffffff;
  --pf-menu-active: #a8002a;
  --pf-stripe: repeating-linear-gradient(135deg, #cc0032 0 24px, #ffffff 24px 48px);
}