@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;700&display=swap');

:root {
  /* Primary Color Palette */
  --color-primary-50: #F5FAF9;
  --color-primary-100: #E6F4F4;
  --color-primary-400: #5AF1EB;
  --color-primary-500: #2BEDE5;
  --color-primary-600: #0FB5AE;
  --color-primary-700: #0C918B;

  /* Accent Color Palette */
  --color-accent-50: #FAF6F5;
  --color-accent-100: #F4EAE6;
  --color-accent-400: #FF7F4D;
  --color-accent-500: #FF5B1A;
  --color-accent-600: #FF7A45;
  --color-accent-700: #FF4C04;

  /* Font Configuration */
  --font-hero: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-header: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-text: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}