/*
Theme Name: Premium Safety Glass Child
Theme URI: https://premiumsafetyglass.co.za/
Description: Conversion-focused child theme for Premium Safety Glass. Adds the 3D glass-frame hero, lead-form styling, Hive-inspired homepage sections, and a hardened GCLID capture. Built on Divi. Backend (WooCommerce, Divi quote form, AIOSEO, tracking) left intact.
Author: PSG build
Template: Divi
Version: 0.2.0
*/

/* ============================================================
   BRAND TYPE — self-hosted Poppins (latin subset, woff2).
   Self-hosted (not Google CDN) for speed, privacy & reliability,
   matching the Premium Aluminium build. font-display:swap so text
   paints immediately in the fallback and swaps when Poppins loads.
   ============================================================ */
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/poppins-400.woff2") format("woff2");}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/poppins-500.woff2") format("woff2");}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/poppins-600.woff2") format("woff2");}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/poppins-700.woff2") format("woff2");}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url("assets/fonts/poppins-800.woff2") format("woff2");}

/* ============================================================
   LOCKED BRAND PALETTE — "LIGHT BLUE GLASS" (owner direction
   2026-09-02): the site wears the product — frosted glass panes
   on a pale blue daylight ground. Logo colours as accents:
   blue = brand/links · orange = act now · green = small touches.
   WCAG: ink 13+:1, muted 5.5+:1, links 4.5+:1 on the lightest
   possible pane backdrop; act-now uses fixed dark ink (5.4:1).
   ============================================================ */
:root{
  /* Daylight-glass ground + panes */
  --psg-page:        #F2F8FC;  /* body ground (pale glass blue) */
  --psg-surface:     #E9F3FA;  /* alternating sections */
  --psg-white:       #FFFFFF;  /* opaque card fallback */
  --psg-dark:        #0E2233;  /* footer / deep bands (blue-slate, as original) */
  --psg-input:       #FFFFFF;
  --psg-input-border:#C9DCEA;
  --psg-elev:        rgba(255,255,255,.72);   /* frosted header/nav pane */
  --psg-elev-2:      rgba(255,255,255,.82);   /* mega menu pane */
  --psg-elev-3:      rgba(224,240,250,.9);    /* pane hover */
  --psg-glass:       rgba(255,255,255,.55);   /* standard frosted pane */
  --psg-glass-edge:  rgba(255,255,255,.85);   /* bright polished edge */
  --psg-glass-line:  rgba(120,170,210,.35);   /* cool pane outline */

  /* Text */
  --psg-ink:         #14283A;  /* blue-cast near-black (13.8:1 on page) */
  --psg-muted:       #4E6B82;  /* captions (5.6:1) */
  --psg-placeholder: #7E97AA;
  --psg-btn-ink:     #14231A;  /* fixed dark ink on orange fills */

  /* Logo blue — brand */
  --psg-brand:       #007CC2;  /* brand accents, icons, links (4.6:1 on white) */
  --psg-brand-dark:  #0069A6;  /* hover + small text (5.9:1) */
  --psg-accent-blue: #007CC2;
  --psg-accent-blue-hover:#0069A6;
  --psg-blue-solid:  #007CC2;
  --psg-blue-solid-hover:#0069A6;

  /* Logo orange — act now */
  --psg-orange:      #E67817;
  --psg-orange-hover:#C96510;

  /* Logo greens — small touches only */
  --psg-green:       #0B7A38;  /* filled action buttons (white text, AA) */
  --psg-green-hover: #096530;
  --psg-lime:        #85C226;
  --psg-yellow:      #F8C301;  /* amber — stars */
  --psg-whatsapp:    #25D366;

  /* Legacy aliases */
  --psg-blue:        var(--psg-brand);
  --psg-blue-hover:  var(--psg-brand-dark);
  --psg-yellow-hover:#e3b200;

  /* Tokens */
  --psg-border:      rgba(20,60,100,.10);
  --psg-radius:      14px;
  --psg-radius-sm:   10px;
  --psg-shadow:      0 12px 34px rgba(30,80,140,.14);
  --psg-shadow-lg:   0 26px 60px rgba(30,80,140,.20);
  --psg-maxw:        1200px;
  --psg-font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Child enqueues real styles via assets/css/psg.css (loaded after parent).
   Keep this file minimal — it only carries the theme header + tokens. */