/* ============================================================
   SAFAMI TRANSPORTES · THEME — AWS Lightsail (default / local)
   Palette: Deep Navy · Brand Orange (derived from the company logo)
   ------------------------------------------------------------
   This is the ACTIVE theme. It maps every brand color to a CSS
   variable; css/styles.css references only these variables, so
   replacing this file re-themes the whole site.

   At deploy the workflow overwrites this file with
   css/theme-gcloud.css on the Google Cloud host only. AWS (and
   local preview) use this file as-is. Edit values here to
   retheme AWS.
   ============================================================ */
:root {
  /* Primary — Deep Navy (from logo): nav text, headings, dark surfaces */
  --navy:           #0F294E;
  --navy2:          #14315C;   /* secondary navy — stats band */
  /* Secondary — Brand Orange: primary actions (buttons) */
  --blue:           #D2730E;   /* deep enough for white text on large labels */
  --blue-light:     #BE6509;   /* button hover */
  --btn-text:       #ffffff;   /* text on buttons */
  /* Accent — Brand Orange: highlights, active states, borders */
  --purple:         #E07B12;   /* graphic accent (borders, shapes) */
  --purple-light:   #F2953C;   /* bright orange — highlights on navy */
  --purple-pale:    #FFF4E7;
  --accent-text:    #B45A0C;   /* accessible burnt-orange for small text on light (eyebrows) */
  /* Backgrounds */
  --white:          #ffffff;   /* cards, inputs, light text on navy */
  --mist:           #FBF4EA;   /* warm cream — sections, banners, chips */
  --off-white:      #FAF8F4;   /* Main Background — page */
  --border:         #E8DFD1;   /* warm hairline */
  /* Text */
  --mid:            #64748B;   /* Muted Text — Cool Gray */
  --text:           #1E293B;   /* Body Text — Slate */
  /* Status */
  --success:        #0F766E;   /* Teal */
  --warning:        #D97706;   /* Amber */
  --error:          #B91C1C;   /* Deep Red */
  --success-bg:     #ECFDF5;
  --error-bg:       #FEF2F2;
  /* On-dark tints — muted text over navy surfaces */
  --on-navy-strong: #C7D0DE;   /* (nav is now light; kept for other on-navy text) */
  --on-navy:        #A9B4C6;   /* hero description */
  --on-navy-dim:    #8B97AB;   /* labels, footer */
  --violet-bright:  #F5A24E;   /* highlight text on navy (badge, hero word) */
  --violet-pale:    #F6C089;
  --blue-pale:      #EFDABC;   /* warm chip border */
  /* Translucent overlays — glass pills & hairline dividers on navy */
  --overlay-15:     rgba(255, 255, 255, 0.15);
  --overlay-25:     rgba(255, 255, 255, 0.25);
  --overlay-08:     rgba(255, 255, 255, 0.08);
  --badge-bg:       rgba(224, 123, 18, 0.18);  /* --purple @ ~18% */
  --badge-border:   rgba(242, 149, 60, 0.40);  /* --purple-light @ 40% */
}