/*
Theme Name:  Svea Electrical
Theme URI:   https://www.sveaelectrical.com.au/
Description: A modern, minimal, fast-loading custom theme for Svea Electrical Services. Built from scratch — no page builder required.
Author:      Svea Electrical
Author URI:  https://www.sveaelectrical.com.au/
Version:     1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: svea-electrical
Tags:        custom-logo, custom-menu, featured-images, threaded-comments, full-width-template
*/

/* ============================================================
   DESIGN TOKENS  — edit here to change the whole theme
   ============================================================ */
:root {
  /* Brand colours */
  --clr-primary:     #1A78D0;   /* blue  */
  --clr-primary-dk:  #1260AA;   /* blue darker (hover) */
  --clr-accent:      #FAFE09;   /* yellow */
  --clr-accent-dk:   #E0E000;   /* yellow darker (hover) */
  --clr-dark:        #111827;   /* near-black */
  --clr-dark-2:      #1F2937;   /* card dark bg */
  --clr-mid:         #6B7280;   /* body grey text */
  --clr-light:       #F4F6F9;   /* section bg off-white */
  --clr-white:       #FFFFFF;
  --clr-border:      #E5E7EB;

  /* Typography */
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fw-normal:  400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  /* Spacing scale (8-pt grid) */
  --space-1:   0.25rem;   /*  4px */
  --space-2:   0.5rem;    /*  8px */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.25rem;   /* 20px */
  --space-6:   1.5rem;    /* 24px */
  --space-8:   2rem;      /* 32px */
  --space-10:  2.5rem;    /* 40px */
  --space-12:  3rem;      /* 48px */
  --space-16:  4rem;      /* 64px */
  --space-20:  5rem;      /* 80px */

  /* Layout */
  --container-max:  1200px;
  --container-pad:  clamp(1rem, 4vw, 2rem);

  /* Radii */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.08);
  --shadow-md:  0 4px 16px rgba(0,0,0,.10);
  --shadow-lg:  0 8px 32px rgba(0,0,0,.12);

  /* Transitions */
  --transition: 0.2s ease;

  /* Header height (used for scroll-margin offsets) */
  --header-h: 72px;
}