/*
 * =========================================================
 *  Fadaeco Brand Theme
 *  SINGLE SOURCE OF TRUTH for all colors.
 *
 *  Logo colors:
 *    Primary   → #2360a0  (blue)
 *    Secondary → #2e8b57  (sea green)
 *
 *  TO CHANGE THE BRAND COLOR:
 *  Edit the variables below — every page updates automatically.
 * =========================================================
 */

:root {
  /* ── Primary (blue) ─────────────────────────────────── */
  --primary:            #2360a0;
  --primary-dark:       #042d54;
  --primary-light:      #3a7fc1;
  --primary-xlight:     #d0e4f7;

  /* ── Secondary (green) ──────────────────────────────── */
  --secondary:          #2e8b57;
  --secondary-dark:     #1a5c38;
  --secondary-light:    #4aad74;

  /* ── Accent (amber/gold — complements blue + green) ─── */
  --accent:             #f59e0b;
  --accent-dark:        #d97706;

  /* ── Gradient presets ───────────────────────────────── */
  --gradient-primary:        linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
  --gradient-primary-rev:    linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  --gradient-brand:          linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
  --gradient-hero:           linear-gradient(135deg, var(--secondary-dark) 0%, var(--secondary) 40%, var(--primary) 100%);
  --gradient-service-hero:   linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%);
  --gradient-footer:         linear-gradient(180deg, var(--primary-dark) 0%, #00122a 100%);
  --gradient-topbar:         linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-dark) 0%);

  /* ── Overlays (use with rgba) ───────────────────────── */
  --primary-overlay:        rgba(35, 96, 160, 0.10);
  --primary-overlay-light:  rgba(35, 96, 160, 0.08);
  --secondary-overlay:      rgba(46, 139, 87, 0.10);

  /* ── Semantic text ──────────────────────────────────── */
  --text-dark:    #1a2332;
  --text-muted:   #6c757d;
  --text-light:   rgba(255, 255, 255, 0.80);

  /* ── UI surfaces ────────────────────────────────────── */
  --bg-light:     #f8f9fb;
  --bg-white:     #ffffff;
  --border-light: #e9ecef;
  --border-mid:   #d0d7de;

  /* ── Shadows ────────────────────────────────────────── */
  --shadow-sm:  0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-md:  0 12px 40px rgba(35, 96, 160, 0.12);
  --shadow-lg:  0 20px 60px rgba(35, 96, 160, 0.18);

  /* ── Nav / Footer accent lines ──────────────────────── */
  --footer-accent-line: linear-gradient(90deg, var(--secondary), var(--primary), var(--secondary));
  --footer-contact-icon: var(--secondary-light);
  --nav-hover-bg:  var(--gradient-primary);
}