/* Design Tokens for Agape Ukraine */
:root {
  /* Colors */
  --primary: #1A4F8F;
  --primary-light: #2D6AB4;
  --primary-dark: #0F3460;
  --accent: #f57b56; /* Requested Orange */
  --accent-hover: #e0633d;
  --secondary: #E8A829;
  
  /* Neutrals */
  --neutral-50: #F8F9FA;
  --neutral-100: #E9ECEF;
  --neutral-600: #6C757D;
  --neutral-900: #212529;
  
  --white: #FFFFFF;
  --success: #28A745;

  /* Typography */
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Open Sans', sans-serif;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-2xl: 96px;
  --space-3xl: 128px;
  --space-4xl: 160px;
  --space-5xl: 200px;
  --space-6xl: 240px;

  /* Layout */
  --container: 1200px;
  --container-padding: 20px;

  /* Borders & Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.15);
  --shadow-header: 0 2px 10px rgba(0, 0, 0, 0.1);

  /* Transitions */
  --transition: 0.3s ease;
  --transition-fast: 0.15s ease;

  /* Z-index */
  --z-header: 100;
  --z-dropdown: 105;
  --z-overlay: 200;
  --z-modal: 210;
}