/**
 * ADIITYAA ENTERPRISES — DESIGN SYSTEM TOKENS
 * Brand Color Palette, Typography Scales, Spacing & Elevations
 */

:root {
  /* ==========================================================================
     Brand Colors
     ========================================================================== */
  /* Primary Green */
  --color-primary-950: #092614;
  --color-primary-900: #0f3e21;
  --color-primary-800: #14532D; /* Core Brand Primary */
  --color-primary-700: #166534;
  --color-primary-600: #15803D;
  --color-primary-500: #22C55E;
  --color-primary-100: #DCFCE7;
  --color-primary-50:  #F0FDF4;

  /* Safety Orange (Used selectively for CTAs and highlights) */
  --color-accent-600:  #EA580C;
  --color-accent-500:  #F97316; /* Core Safety Orange */
  --color-accent-400:  #FB923C;
  --color-accent-100:  #FFEDD5;
  --color-accent-50:   #FFF7ED;

  /* Charcoal & Neutrals */
  --color-dark-950:    #0B0F17;
  --color-dark-900:    #111827;
  --color-dark-800:    #1F2937; /* Core Charcoal */
  --color-dark-700:    #374151;
  --color-dark-600:    #4B5563;
  --color-dark-500:    #6B7280;
  --color-dark-400:    #9CA3AF;
  --color-dark-300:    #D1D5DB;
  --color-dark-200:    #E5E7EB;
  --color-dark-100:    #F3F4F6;

  /* Backgrounds & Surfaces */
  --color-bg-base:     #FFFFFF;
  --color-bg-subtle:   #F7FAF8; /* Core Light Background */
  --color-bg-card:     #FFFFFF;
  --color-bg-muted:    #EEF2EF;
  --color-white:       #FFFFFF;

  /* Borders & Dividers */
  --color-border:      #E5E7EB;
  --color-border-subtle: #EDF2EE;
  --color-border-strong: #CBD5E1;
  --color-border-focus:  var(--color-primary-800);

  /* Status Colors */
  --color-success:     #16A34A;
  --color-warning:     #D97706;
  --color-danger:      #DC2626;
  --color-info:        #0284C7;

  /* ==========================================================================
     Typography
     ========================================================================== */
  --font-heading: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Fluid Type Scale (optimized across 320px - 1920px) */
  --text-hero:     clamp(1.75rem, 4.2vw + 0.5rem, 3.25rem);  /* 28px on 320px -> 52px on desktop */
  --text-h1:       clamp(1.5rem, 3.5vw + 0.4rem, 2.5rem);     /* 24px on 320px -> 40px on desktop */
  --text-h2:       clamp(1.3rem, 2.5vw + 0.3rem, 2rem);       /* 21px on 320px -> 32px on desktop */
  --text-h3:       clamp(1.125rem, 1.8vw + 0.2rem, 1.5rem);   /* 18px on 320px -> 24px on desktop */
  --text-h4:       clamp(1rem, 1.4vw + 0.15rem, 1.25rem);     /* 16px on 320px -> 20px on desktop */
  --text-lead:     clamp(1rem, 1.2vw + 0.15rem, 1.1875rem);   /* 16px - 19px */
  --text-body:     1rem;                                      /* 16px */
  --text-body-sm:  0.875rem;                                  /* 14px */
  --text-caption:  0.75rem;                                   /* 12px */

  /* Line Heights */
  --leading-tight:  1.15;
  --leading-snug:   1.3;
  --leading-normal: 1.6;
  --leading-loose:  1.75;

  /* Font Weights */
  --fw-normal:    400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 800;

  /* ==========================================================================
     Spacing Tokens (Base 4px modular scale)
     ========================================================================== */
  --space-1:  0.25rem;  /* 4px */
  --space-2:  0.5rem;   /* 8px */
  --space-3:  0.75rem;  /* 12px */
  --space-4:  1rem;     /* 16px */
  --space-5:  1.25rem;  /* 20px */
  --space-6:  1.5rem;   /* 24px */
  --space-8:  2rem;     /* 32px */
  --space-10: 2.5rem;   /* 40px */
  --space-12: 3rem;     /* 48px */
  --space-16: 4rem;     /* 64px */
  --space-20: 5rem;     /* 80px */
  --space-24: 6rem;     /* 96px */

  /* Section Vertical Padding */
  --section-padding-y: clamp(3rem, 6vw, 5.5rem);

  /* Container Width & Horizontal Padding */
  --container-max: 1240px;
  --container-narrow: 920px;
  --container-px: clamp(1.25rem, 3.5vw, 2.5rem);

  /* ==========================================================================
     Borders, Radii & Shadows
     ========================================================================== */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-full: 9999px;

  /* Industrial Elevation Shadows */
  --shadow-subtle: 0 1px 3px rgba(17, 24, 39, 0.05), 0 1px 2px rgba(17, 24, 39, 0.03);
  --shadow-card:   0 4px 6px -1px rgba(17, 24, 39, 0.07), 0 2px 4px -2px rgba(17, 24, 39, 0.05);
  --shadow-hover:  0 12px 24px -4px rgba(17, 24, 39, 0.12), 0 4px 6px -2px rgba(17, 24, 39, 0.04);
  --shadow-drawer: -6px 0 24px rgba(0, 0, 0, 0.25);
  --shadow-topbar: 0 2px 10px rgba(0, 0, 0, 0.06);

  /* Transitions */
  --transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   350ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Z-Index Hierarchy */
  --z-base:      1;
  --z-dropdown:  100;
  --z-sticky:    500;
  --z-drawer:    1000;
  --z-backdrop:  990;
  --z-toast:     1100;
}