/* =====================================================================
   THEME — colors, fonts and corner rounding for the whole website.
   Change a value here and it changes everywhere.
   ===================================================================== */
:root{
  /* page */
  --bg:          #FFFFFF;   /* main page background */
  --bg-soft:     #F6F7F4;   /* light bands (how-it-works, stops, messages) */
  --surface:     #FFFFFF;   /* cards */
  --line:        #E3E6E0;   /* thin borders */
  --ink:         #1C2621;   /* main text */
  --muted:       #5C6862;   /* secondary text */

  /* Government of the Punjab green + heritage gold */
  --brand:       #0F5A3A;
  --brand-dark:  #0A3F29;
  --brand-soft:  #E7F1EB;
  --accent:      #B8892E;
  --accent-soft: #F7EFDC;

  /* messages */
  --ok:     #2F6B45;
  --warn:   #93600F;
  --danger: #A23B22;

  /* fonts */
  --f-display: "Marcellus", "Times New Roman", Georgia, serif;          /* headings */
  --f-body:    "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-urdu:    "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Urdu Typesetting", "Noto Naskh Arabic", serif;
  --f-mono:    "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;

  /* shapes */
  --radius:    14px;
  --radius-sm: 10px;
  --shadow:    0 1px 2px rgba(20,40,30,.06), 0 8px 24px rgba(20,40,30,.08);
  --page-max:  100rem;      /* widest content width (1600px) */

  color-scheme: light;
}