/* Tellioh — Global design system */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

:root {
  --indigo: #2B1B5A;
  --indigo2: #3A2470;
  --indigo3: #4A2080;
  --charcoal: #263044;
  --lavender: #8B7CF6;
  --gold: #F6C453;
  --gold2: #D4A030;
  --gold3: #FFDF80;
  --cream: #FFF7EA;
  --rose: #F3A7B5;
  --sage: #9ED8C6;
}

/* Fade-up animation for IntersectionObserver */
.fade-up { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-up.visible { opacity: 1; transform: none; }