/* Define CSS variables from Tailwind config for consistency */
:root {
    --casakari-backdrop: #FDFCFB;
    --casakari-text-primary: #1F1F1F;
    --casakari-text-secondary: #6B7280;
    --casakari-primary: #672C46;
    --casakari-primary-hover: #B2606E;
    --casakari-dark-bg: #2a2a2a;
    --casakari-highlight-slate: #44546A;
    --casakari-highlight-pink: #BF678E;
    --casakari-highlight-teal: #155078;
  }
  
  /* Basic Reset & Global Styles */
  *,
  *::before,
  *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
  html {
    scroll-behavior: smooth;
  }
  
  body {
    font-family: 'Inter', sans-serif;
    background-color: var(--casakari-backdrop);
    color: var(--casakari-text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  /* Custom utility class from original index.html */
  .text-shadow-md {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  }