/* ==========================================================================
   SEED TO FOREST MISSION - DESIGN SYSTEM & CSS VARIABLES
   Kafila Innovation Private Limited
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
  /* Color Palette - Forest, Science & Nature */
  --bg-dark-deep: #06150C;
  --bg-dark-main: #0B1F13;
  --bg-dark-card: #122B1C;
  --bg-dark-elevated: #193825;
  --bg-dark-glass: rgba(11, 31, 19, 0.75);

  --bg-light-main: #F7F5EF;
  --bg-light-card: #FFFFFF;
  --bg-light-warm: #EFECE3;
  --bg-light-glass: rgba(255, 255, 255, 0.85);

  /* Primary Greens */
  --green-primary: #1B4D2E;
  --green-deep: #0B2917;
  --green-natural: #276A41;
  --green-leaf: #3AA76D;
  --green-bright: #4ADE80;
  --green-glow: rgba(74, 222, 128, 0.25);

  /* Earth & Warm Accents */
  --earth-brown: #5C4033;
  --earth-clay: #8B5E3C;
  --beige-warm: #E6DFD3;
  --beige-light: #F4F1EA;
  --sand-tone: #D8CFC4;

  /* Sunlight & Energy */
  --sun-gold: #E5A93C;
  --sun-yellow: #FACC15;
  --sun-glow: rgba(229, 169, 60, 0.3);

  /* Status & Accents */
  --accent-cyan: #2DD4BF;
  --accent-lime: #A3E635;
  --badge-proposed: #EAB308;
  --badge-research: #3B82F6;
  --badge-pilot: #10B981;

  /* Typography */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Neutral Text Colors */
  --text-dark-primary: #ECFDF5;
  --text-dark-secondary: #94A3B8;
  --text-dark-muted: #64748B;
  
  --text-light-primary: #0F172A;
  --text-light-secondary: #475569;
  --text-light-muted: #64748B;

  /* Borders & Dividers */
  --border-dark: rgba(255, 255, 255, 0.1);
  --border-dark-glow: rgba(74, 222, 128, 0.3);
  --border-light: rgba(0, 0, 0, 0.08);
  --border-light-green: rgba(39, 106, 65, 0.2);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 16px 36px rgba(0, 0, 0, 0.2);
  --shadow-glow: 0 0 30px rgba(74, 222, 128, 0.25);
  --shadow-gold: 0 0 25px rgba(229, 169, 60, 0.25);

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  /* Container Widths */
  --container-max: 1280px;
  --header-height: 80px;
}