/* ================================================================
   GIGADRIVE — THEME CONFIGURATION
   ================================================================
   ✏️  TO CHANGE THE COLOUR SCHEME: edit the values in :root below.
   🖼️  TO ADD A LOGO: see the LOGO section — drop your file into
       images/ and update the <img> src in each HTML page.
   Two ready-made alternate themes are commented out at the bottom.
   ================================================================ */

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

:root {

  /* ────────────────────────────────────────────────────────────
     COLOUR SCHEME
     Primary   : Midnight Navy   — trust, authority, professionalism
     Accent    : Pink           — energy, bold, striking
     ──────────────────────────────────────────────────────────── */
  --c-primary:        #12345A;   /* Midnight Navy — navbar, hero, dark sections, buttons, cards, forms, headings */
  --c-primary-mid:    #1E4D8C;   /* Mid Navy — hero slash, card gradient end, page-hero gradient end, btn hover */
  --c-primary-light:  #2468B0;   /* Light Navy — default links, form focus border, price card hover border */

  --c-accent:         #FF2E9A;   /* Pink "GIGA" — wordmarks, buttons, icons, badges, trust strip, CTA band, stats, checkmarks, hover colours */
  --c-accent-dark:    #CC2579;   /* Dark Pink — btn hover, link hover, section-label text, FAQ hover */
  --c-accent-pale:    #FFF0F7;   /* Pale Pink — section-label bg, social hashtag block bg */

  --c-accent-2:       #D4DE28;   /* Acid Green — "DRIVE" in nav & footer wordmarks only */
  --c-accent-2-dark:  #A9B220;   /* Dark Lime — reserved for future use */
  --c-accent-2-pale:  #FAFDE8;   /* Pale Lime — reserved for future use */

  --c-white:          #FFFFFF;   /* Pure White — body bg, text on dark sections, hero headings, form inputs, card backgrounds */
  --c-dark:           #0D1117;   /* Charcoal Black — text on accent bg, icon fills, CTA heading, form input text, legal headings */
  --c-body:           #374151;   /* Slate Grey — default paragraph text, price list items, legal body copy */
  --c-muted:          #6B7280;   /* Cool Grey — subtitles, descriptions, placeholders, FAQ answers, testimonial location */
  --c-border:         #E5E7EB;   /* Silver — all card, input, table, FAQ and section divider borders */
  --c-surface:        #F9FAFB;   /* Ghost White — alternating section bg (section--alt), FAQ question hover */
  --c-surface-2:      #F0F2F5;   /* Off White — reserved, not currently used in style.css */

  --c-success:        #16A34A;   /* Emerald Green — price list feature checkmarks (✓) */
  --c-danger:         #DC2626;   /* Crimson Red — reserved, not currently used in style.css */

  /* Social brand colours */
  --c-facebook:       #1877F2;   /* .sc-facebook card hover border & shadow */
  --c-instagram:      #E1306C;   /* .sc-instagram card hover border & shadow */
  --c-tiktok:         #010101;   /* .sc-tiktok card (border overridden to #69C9D0 teal) */
  --c-youtube:        #FF0000;   /* .sc-youtube card hover border & shadow */
  --c-twitter:        #000000;   /* .sc-twitter card (border overridden to #555) */

  /* ────────────────────────────────────────────────────────────
     TYPOGRAPHY
     Barlow Condensed: headings  — bold, punchy, modern
     Barlow:           body copy — clean and highly readable
     ──────────────────────────────────────────────────────────── */
  --font-head: 'Barlow Condensed', 'Impact', sans-serif;
  --font-body: 'Barlow', 'Segoe UI', sans-serif;

  /* ────────────────────────────────────────────────────────────
     LOGO CONFIGURATION
     1. Add your logo file to the images/ folder
     2. In each HTML file, replace the text logo block with:
        <img src="images/logo.svg" alt="GIGADRIVE" class="site-logo" />
     3. Adjust --logo-h below to fit your logo perfectly
     4. If you increase --logo-h, also increase --nav-h (in LAYOUT
        below) to match — otherwise the logo will be clipped by
        the navbar.
     Tip: SVG or PNG with transparent background works best.
     ──────────────────────────────────────────────────────────── */
  --logo-h:        150px;  /* Navbar logo max-height  */
  --logo-footer-h: 38px;   /* Footer logo max-height  */

  /* ────────────────────────────────────────────────────────────
     LAYOUT
     ──────────────────────────────────────────────────────────── */
  --max-w:       1160px;
  --nav-h:       100px;
  --radius:      8px;
  --radius-lg:   16px;
  --radius-pill: 999px;
  --ease:        0.28s ease;

  /* ────────────────────────────────────────────────────────────
     SHADOWS
     ──────────────────────────────────────────────────────────── */
  --sh-xs: 0 1px 3px rgba(0,0,0,0.08);
  --sh-sm: 0 2px 10px rgba(0,0,0,0.10);
  --sh-md: 0 6px 24px rgba(0,0,0,0.13);
  --sh-lg: 0 18px 56px rgba(0,0,0,0.18);
  --sh-glow: 0 0 0 4px rgba(255,46,154,0.30);

  /* ────────────────────────────────────────────────────────────
     UK NUMBER PLATE  —  G16 DRV
     ──────────────────────────────────────────────────────────── */
  --plate-bg:     #FDFD00;   /* Plate Yellow — BS AU 145e rear plate background */
  --plate-txt:    #000000;   /* Jet Black — plate characters and text */
  --plate-border: #000000;   /* Jet Black — plate outer border */
  
  /* For the authentic UK plate font, purchase "Charles Wright" and
     add it via css/fonts.css, then change the value below:
     --plate-font: 'CharlesWright', 'Arial Black', sans-serif;     */
  --plate-font:   'UKNumberPlate', 'Arial Black', sans-serif;
}

/* ──────────────────────────────────────────────────────────────
   ALTERNATE THEME A — Racing Red
   Uncomment block to activate:
   ──────────────────────────────────────────────────────────── */
/*
:root {
  --c-primary:        #1A0000;
  --c-primary-mid:    #7B0000;
  --c-primary-light:  #C62828;
  --c-accent:         #C43B75;
  --c-accent-dark:    #982C58;
}
*/

/* ──────────────────────────────────────────────────────────────
   ALTERNATE THEME B — British Racing Green
   ──────────────────────────────────────────────────────────── */
/*
:root {
  --c-primary:        #0A1F0F;
  --c-primary-mid:    #1B5E20;
  --c-primary-light:  #388E3C;
  --c-accent:         #C43B75;
  --c-accent-dark:    #982C58;
}
*/