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

/* Color Variables */
:root {
  /* Blue Colors */
  --blue: #3b82f6;
  --blue-dark: #1d4ed8;
  --blue-light: #dbeafe;
  
  /* Brown Colors */
  --brown: #8c6d62;
  --brown-dark: #5c4034;
  --brown-light: #a69589;
  --brown-darker: #4a2c20;
  
  /* Beige Colors */
  --beige: #f5f2ed;
  --beige-light: #faf8f5;
  --beige-dark: #d5cec4;
  
  /* White */
  --white: #ffffff;
  
  /* Text Colors */
  --text-dark: #1a1a1a;
  --text-medium: #4a4a4a;
  --text-light: #6a6a6a;
  --text-on-brown: #ffffff;
}