/* HI-TECH SYSTEMS - GLOBAL CSS VARIABLES & DESIGN SYSTEM */

:root {
  /* Brand Theme Colors */
  --color-primary: #054B24;       /* Deep Forest Green (from logo) */
  --color-primary-hover: #033619;
  --color-primary-light: #E8F4EC;
  --color-secondary: #E5A00D;     /* Amber Gold (from logo) */
  --color-secondary-hover: #C68A0B;
  --color-secondary-light: #FFF9E6;
  --color-accent: #FFB800;

  /* Neutral Surface & Text Colors */
  --color-dark: #0F172A;
  --color-dark-surface: #1E293B;
  --color-body: #334155;
  --color-muted: #64748B;
  --color-light: #fafcfb;
  --color-light-alt: #fafcfb;
  --color-white: #FFFFFF;
  --color-border: #E2E8F0;
  --color-border-dark: #334155;

  /* Overlay System */
  --color-overlay-dark: rgba(15, 23, 42, 0.72);
  --color-overlay-darker: rgba(15, 23, 42, 0.88);
  --color-overlay-green: rgba(5, 75, 36, 0.85);

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

  /* Container & Layout */
  --container-max-width: 1280px;
  --container-narrow-width: 920px;
  --section-padding-desktop: 80px 0;
  --section-padding-tablet: 60px 0;
  --section-padding-mobile: 40px 0;

  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Transitions & Animations */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --image-hover-scale: scale(1.05);

  /* Elevation Shadows */
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 10px 30px -5px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, 0.15);

  /* Z-Index Hierarchy */
  --z-header: 1000;
  --z-dropdown: 1050;
  --z-modal-backdrop: 1900;
  --z-modal: 2000;
}