/* tokens.css - SINGLE SOURCE OF TRUTH for colors/fonts.
   Mirror to Elementor Site Settings → Global Colors/Fonts in phase 2.
   No other CSS file may use literal hex/rgba/font-family.
   Values measured from inspiration (stickerbalisandblast.com, 2026-09-12):
   body Roboto 16px #0d0d0d on white; headings Poppins (H1 25px/700,
   H2 22–26px, card titles 20px/600); card buttons black pill
   (bg #000, Poppins 10px uppercase, radius 500px, padding 10px 17px);
   Outline buttons unified to pill Poppins per audit 07 (inspiration measured
   Oswald square + Exo nav - both dropped, now Poppins);
   footer dark #1a1a1a; section alt #f7f7f7; red accent #e62129. */

:root {
  /* Colors */
  --pkf-red: #e62129;
  --pkf-red-dark: #b31219;
  --pkf-navy: #1a1a1a;
  --pkf-navy-light: #242424;
  --pkf-black: #000000;
  --pkf-ink: #0d0d0d;
  --pkf-muted: #353535;
  --pkf-bg: #ffffff;
  --pkf-bg-alt: #f7f7f7;
  --pkf-line: #e4e7ec;
  --pkf-wa: #1faa55;
  --pkf-wa-dark: #157a3d;
  --pkf-star: #f5a623;

  /* Fonts (Poppins + Roboto only - Exo/Oswald dropped per audit 07) */
  --pkf-font-head: "Poppins", system-ui, sans-serif;
  --pkf-font-body: "Roboto", "Open Sans", system-ui, -apple-system, sans-serif;
  --pkf-font-accent: "Poppins", system-ui, sans-serif;
  --pkf-font-nav: "Poppins", system-ui, sans-serif;
  --pkf-font-outline: "Poppins", system-ui, sans-serif;

  /* Type scale (desktop) - audit 07: H1 52px fills the 100svh hero,
     H2 32px restores section rhythm */
  --pkf-h1: 52px;
  --pkf-h2: 32px;
  --pkf-h3: 20px;
  --pkf-h4: 18px;
  --pkf-body: 16px;
  --pkf-small: 14px;

  /* Spacing (8pt) */
  --pkf-s1: 8px;
  --pkf-s2: 16px;
  --pkf-s3: 24px;
  --pkf-s4: 32px;
  --pkf-s5: 40px;
  --pkf-s6: 48px;
  --pkf-s7: 64px;
  --pkf-s8: 80px;

  /* Layout */
  --pkf-container: 1140px;
  --pkf-gutter: 24px;
  --pkf-radius-card: 12px;
  --pkf-radius-btn: 500px;
  --pkf-radius-form: 8px;
  --pkf-shadow-card: 0 8px 24px rgba(11, 42, 74, 0.08);
  --pkf-shadow-hover: 0 14px 34px rgba(11, 42, 74, 0.14);

  /* Motion (one rhythm everywhere; transform/opacity only) */
  --pkf-duration: 200ms;
  --pkf-duration-lg: 320ms;
  --pkf-ease: ease-out;

  /* Hero full-image overlay (dark gradient over photo for white-text contrast) */
  --pkf-hero-overlay: linear-gradient(90deg, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.56) 48%, rgba(0, 0, 0, 0.28) 100%);
  --pkf-hero-min-h: 100svh;

  /* Image band (process section) */
  --pkf-band-min-h: 550px;

  /* Icons (inline SVG, currentColor; see assets/icons/) */
  --pkf-icon: 24px;
  --pkf-icon-sm: 16px;

  /* Breakpoints (mirror Elementor defaults) */
  --pkf-bp-tablet: 1024px;
  --pkf-bp-mobile: 767px;
}