/* ============================================================
   KnowYourGujarat — Design Tokens (from homepage_design.md)
   ============================================================ */

:root {
  /* --- Brand Colors (Section 6, brand) --- */
  --brand-orange:       #FF7A00;
  --brand-orange-hover: #FF8C1A;
  --brand-orange-glow:  rgba(255, 122, 0, 0.4);
  --brand-orange-tint:  rgba(255, 122, 0, 0.15);
  --brand-orange-border:rgba(255, 122, 0, 0.6);

  /* --- Page Backgrounds (Section 6, backgrounds) --- */
  --bg-page:    #070A10;
  --bg-card:    rgba(11, 16, 28, 0.9);
  --bg-card-hero: rgba(10, 15, 28, 0.78);
  --bg-surface: #0F172A;
  --bg-map:     #090E1A;
  --bg-contrib-card: rgba(15, 22, 38, 0.7);
  --bg-stats:   rgba(13, 18, 30, 0.88);
  --bg-legend:  rgba(10, 15, 28, 0.88);
  --bg-mission: rgba(11, 16, 28, 0.95);
  --bg-mobile-nav: rgba(7, 10, 16, 0.95);

  /* --- Text Colors (Section 6, text) --- */
  --text-primary:   #FFFFFF;
  --text-secondary: #D1D5DB;
  --text-tertiary:  #94A3B8;
  --text-muted:     #64748B;

  /* --- Border Colors --- */
  --border-card:      rgba(255, 255, 255, 0.08);
  --border-card-hero: rgba(255, 255, 255, 0.12);
  --border-nav-btn:   rgba(255, 255, 255, 0.16);
  --border-nav-btn-bg:rgba(255, 255, 255, 0.06);
  --border-pill:      rgba(255, 255, 255, 0.16);
  --border-legend:    rgba(255, 255, 255, 0.1);

  /* --- Accent Colors per Stat (Section 6, accents) --- */
  --accent-purple:   #A855F7;   /* Photos Uploaded */
  --accent-sky:      #38BDF8;   /* Projects Documented */
  --accent-green:    #4ADE80;   /* Districts Covered */
  --accent-orange:   #FB923C;   /* Locations Mapped */
  --accent-rose:     #FB7185;   /* Projects Completed */
  --accent-teal:     #2DD4BF;   /* Active Contributors */

  /* --- Status Badge Colors (Section 4B) --- */
  --status-under-const: #F59E0B;   /* Under Construction — amber */
  --status-completed:   #10B981;   /* Completed — green */
  --status-newly-comp:  #8B5CF6;   /* Newly Completed — purple */
  --status-bridge-uc:   #3B82F6;   /* Bridge Under Construction — blue */

  /* --- Map Marker Colors (Section 9 legend) --- */
  --map-schools:  #10B981;
  --map-roads:    #38BDF8;
  --map-hospitals:#EF4444;
  --map-colleges: #3B82F6;
  --map-bridges:  #F97316;
  --map-water:    #06B6D4;
  --map-other:    #A855F7;

  /* --- Typography (Section 8) --- */
  --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
  --font-gujarati:'Noto Sans Gujarati', sans-serif;
  --font-mono:    'Courier New', monospace;

  /* --- Border Radius Scale (Section 0) --- */
  --radius-sm:  6px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-2xl: 18px;
  --radius-full:9999px;

  /* --- Box Shadows (Section 7) --- */
  --shadow-card:     0 16px 40px rgba(0, 0, 0, 0.4);
  --shadow-card-hero:0 24px 60px rgba(0, 0, 0, 0.6);
  --shadow-search:   0 10px 30px rgba(0, 0, 0, 0.5);
  --shadow-orange:   0 4px 12px rgba(255, 122, 0, 0.4);

  /* --- Layout --- */
  --content-max-width: 1240px;
  --content-padding:   24px;
  --header-height:     62px;
}