/* css/variables.css */
:root {
  /* Colors - Custom Theme */
  --color-primary: #59b8d3;
  --color-primary-light: #7acce1;
  --color-secondary: #FF5A5F;
  --color-secondary-dark: #E0484D;
  --color-accent: #59b8d3;

  /* Neutral scale */
  --color-white: #FFFFFF;
  --color-light-bg: #FFFFFF;
  /* White background as requested */
  --color-dark-text: #59b8d3;
  /* Text color as requested */
  --color-gray-text: #898c8d;
  --color-border: #e0f2f7;

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

  /* Layout */
  --container-width: 1200px;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem;
  --border-radius: 8px;
  --border-radius-lg: 16px;

  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}