/* ===================================================================
   CSS VARIABLE BRIDGE
   Ensures perfect alignment between design-system.css and styles.css
   =================================================================== */

:root {
  /* Bridge old variable names to new design system */
  
  /* Color Aliases - Ensure both naming conventions work */
  --olive-green-dark: #5A5938;
  --olive-green-light: #7D7C5A;
  --cream-light: #FDFBF7;
  --beige-light: #D9CDB9;
  --soft-white: #FFFFFF;
  --warm-gray: #7B7766;
  
  /* Shadow Variables - Align with both systems */
  --shadow-xs: 0 1px 2px rgba(58, 53, 44, 0.05);
  --shadow-sm: 0 1px 3px rgba(58, 53, 44, 0.08), 0 1px 2px rgba(58, 53, 44, 0.06);
  --shadow-md: 0 4px 6px rgba(58, 53, 44, 0.07), 0 2px 4px rgba(58, 53, 44, 0.06);
  --shadow-lg: 0 10px 15px rgba(58, 53, 44, 0.1), 0 4px 6px rgba(58, 53, 44, 0.05);
  --shadow-xl: 0 20px 25px rgba(58, 53, 44, 0.1), 0 10px 10px rgba(58, 53, 44, 0.04);
  --shadow-2xl: 0 25px 50px rgba(58, 53, 44, 0.15);
  
  /* Additional Variables for Complete Coverage */
  --border-radius-sm: 0.375rem;
  --border-radius-md: 0.5rem;
  --border-radius-xl: 1rem;
  --border-radius-2xl: 1.5rem;
  --border-radius-full: 9999px;
  
  /* Transition Variables */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Weight Variables */
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  
  /* Leading (Line Height) Variables */
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;
}

/* Ensure consistent behavior across both old and new styles */
* {
  box-sizing: border-box;
}

/* Smooth scroll for better UX */
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Remove default margins */
body {
  margin: 0;
  padding: 0;
}