/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Lobster&family=Teko:wght@500&display=swap');

/* ============================================
   Root Variables
   ============================================ */
:root {
  --color-bg: #FFFFFF;
  --color-bg-gray: #F5F5F5;
  --color-text: #333333;
  --color-text-light: #666666;
  --color-brand: #3733C6;
  --color-cta: #2196F3;
  --color-cta-hover: #1976D2;
  --color-footer-bg: #6B6B6B;
  --color-footer-text: #FFFFFF;
  --color-border: #E0E0E0;
  --color-subnav-bg: #F5F5F5;
  --max-width: 960px;
  --radius: 8px;
  --radius-pill: 50px;
  --transition: 0.3s ease;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.16);
  --font-body: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', sans-serif;
  --font-helvetica: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-cursive: 'Dancing Script', cursive;
  --font-teko: 'Teko', sans-serif;
  --font-lobster: 'Lobster', cursive;
}