/* ============================================================
   Theme: VOLTLINE  -  bold, electric, high-contrast
   ------------------------------------------------------------
   For: electricians / sparkies / power & data trades.
   Mood: a switchboard lit up at night. Near-black ground, a
   single electric-amber accent with an amber glow, a heavy
   uppercase grotesque, sharp corners, hard contrast. Energetic,
   confident, fast - it should feel switched on.

   A theme = token overrides + a few .theme-voltline structural
   tweaks. It never edits base.css, sections.css or tradie.css.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');

.theme-voltline {
  /* -------- Surfaces (near-black) ------------------------ */
  --bg:        #0e0f12;
  --bg-2:      #15171c;
  --surface:   #1b1e25;

  /* -------- Text (cool white) --------------------------- */
  --fg:            #d7dce2;
  --fg-muted:      #9aa3ad;
  --heading-color: #f2f4f7;

  /* -------- Accent (electric amber) + steel ------------- */
  --accent:        #ffb020;
  --accent-bright: #ffc24d;
  --accent-hover:  #e0951a;
  --accent-2:      #ffb020;   /* amber pop - dots, badges      */
  --on-accent:     #0e0f12;   /* near-black ink on amber fills */

  --hairline:   rgba(242, 244, 247, 0.10);
  --hairline-2: rgba(242, 244, 247, 0.20);

  /* -------- Hero (dark veil + amber glow) --------------- */
  --hero-ink: #f6f8fb;
  --hero-min-h: 92vh;
  --hero-overlay:
    radial-gradient(110% 90% at 50% 36%, rgba(14,15,18,0.42) 0%, rgba(14,15,18,0.72) 60%, rgba(8,9,11,0.94) 100%),
    radial-gradient(80% 60% at 78% 26%, rgba(255,176,32,0.22) 0%, transparent 58%),
    linear-gradient(180deg, rgba(14,15,18,0.48) 0%, rgba(14,15,18,0.44) 40%, rgba(8,9,11,0.96) 100%);

  /* -------- Footer (deepest black) --------------------- */
  --footer-bg:     #08090b;
  --footer-fg:     rgba(215, 220, 226, 0.72);
  --footer-strong: #f2f4f7;
  --footer-head:   #ffb020;

  /* -------- Type --------------------------------------- */
  --font-display: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-hero: clamp(2.8rem, 7vw + 1rem, 6rem);
  --heading-weight: 800;
  --heading-tracking: -0.02em;
  --eyebrow-tracking: 0.22em;

  /* -------- Hard, sharp corners ------------------------ */
  --radius-1: 2px;
  --radius-2: 4px;
  --radius-3: 6px;
  --radius-pill: 3px;   /* even pills are squared off         */
  --radius-btn: 3px;       /* sharp, switched-on */
  --rule-color: var(--accent);
  --shadow-1: 0 1px 2px rgba(0,0,0,0.5), 0 10px 30px rgba(0,0,0,0.5);
  --shadow-2: 0 20px 52px rgba(0,0,0,0.62);

  --section-pad: var(--space-9);
}

/* ---- Structural personality: heavy, switched-on ----------- */

/* Headings stamp in uppercase, like stencilled labels */
.theme-voltline h1,
.theme-voltline h2,
.theme-voltline h3,
.theme-voltline .nav__brand,
.theme-voltline .footer__wordmark { text-transform: uppercase; }

/* Eyebrow heavier and amber */
.theme-voltline .eyebrow { color: var(--accent); font-weight: 700; }

/* Solid amber primary buttons read "go" - dark ink on amber */
.theme-voltline .btn { color: var(--on-accent); }
.theme-voltline .btn:hover { background: var(--accent-hover); border-color: var(--accent-hover); }

/* Service cards: a left amber edge marks each as a live circuit */
.theme-voltline .service-card {
  border-left: 3px solid var(--accent);
}
.theme-voltline .service-card .price { color: var(--accent-bright); }

/* Stat numbers and intro emphasis glow amber */
.theme-voltline .intro__meta .stat b,
.theme-voltline .space-meta .stat b { color: var(--accent); }
.theme-voltline .intro__lede strong { color: var(--accent); }
.theme-voltline .intro__lede em { color: var(--accent-bright); font-style: normal; }

/* Trust badges read like dark warning labels with an amber edge */
.theme-voltline .trust-badges .badge-pill {
  background: color-mix(in srgb, var(--bg) 60%, transparent);
  border-color: color-mix(in srgb, var(--accent) 60%, transparent);
}

/* Before/after captions: amber "AFTER" tag pops on the dark grid */
.theme-voltline .ba-item { background: var(--hairline-2); }

/* Uppercase buttons reinforce the stencilled switchboard personality */
.theme-voltline .btn { text-transform: uppercase; letter-spacing: 0.08em; }