/* =============================================================
   TZARS SECURITY SOLUTIONS — COLOUR THEME
   =============================================================
   This is the ONLY file you need to edit to change colours.
   Every colour used on the website is defined here as a variable.
   Simply swap out the hex values below to restyle the entire site.

   CURRENT THEME: Deep Navy & Steel Blue (professional/corporate)

   OTHER SUGGESTED THEMES — uncomment a block to try it:
   ─────────────────────────────────────────────────────────────
   DARK CHARCOAL & GREEN (military/tactical):
     --color-dark:       #111827;
     --color-dark-mid:   #1f2937;
     --color-primary:    #16a34a;
     --color-primary-lt: #22c55e;
     --color-accent:     #86efac;

   BLACK & GOLD (luxury/prestige):
     --color-dark:       #0d0d0d;
     --color-dark-mid:   #1a1a1a;
     --color-primary:    #b8860b;
     --color-primary-lt: #d4a017;
     --color-accent:     #ffd700;

   SLATE & ORANGE (bold/modern):
     --color-dark:       #1e293b;
     --color-dark-mid:   #334155;
     --color-primary:    #ea580c;
     --color-primary-lt: #f97316;
     --color-accent:     #fb923c;

   BLUE & TEAL (fresh/tech):
     --color-dark:       #0c4a6e;
     --color-dark-mid:   #1e40af;
     --color-primary:    #14b8a6;
     --color-primary-lt: #2dd4bf;
     --color-accent:     #5eead4;
     
   CURRENT THEME: DEEP NAVY & STEEL BLUE (professional/corporate):
     --color-dark:       #0a1628;
     --color-dark-mid:   #112040;
     --color-primary:    #0e6fbe;
     --color-primary-lt: #1a8fe0;
     --color-accent:     #00b4d8;  
   ============================================================= */

:root {

  /* --- DARK BACKGROUNDS (hero, footer, compliance section) --- */
  --color-dark:         #0c4a6e;   /* deepest dark — hero bg, footer */
  --color-dark-mid:     #1e40af;   /* slightly lighter dark — cards on dark bg */

  /* --- PRIMARY BRAND COLOUR (buttons, links, icons, borders) --- */
  --color-primary:      #ea580c;   /* main brand blue */
  --color-primary-lt:   #f97316;   /* lighter blue — hover states */

  /* --- ACCENT COLOUR (badges, highlights, glows) --- */
  --color-accent:       #5eead4;   /* cyan accent — stat numbers, badges */

  /* --- LIGHT BACKGROUNDS --- */
  --color-bg-white:     #ffffff;   /* pure white sections */
  --color-bg-light:     #f5f8fc;   /* soft off-white — alternate sections */
  --color-border:       #e8eef5;   /* card borders, dividers */

  /* --- TEXT COLOURS --- */
  --color-text-dark:    #1a2540;   /* main body text */
  --color-text-muted:   #6b7a90;   /* subtext, labels, captions */

  /* --- GRADIENT (B-BBEE banner) --- */
  --color-gradient-from: #0e6fbe;  /* left side of gradient banner */
  --color-gradient-to:   #0a3d6b;  /* right side of gradient banner */

  /* --- SUCCESS (form confirmation) --- */
  --color-success-bg:   rgba(16,185,129,0.08);
  --color-success-border: rgba(16,185,129,0.30);
  --color-success-text: #0d6e4f;

}