:root {
    /* Color Palette */
    --teal: #0e6b77;
    --teal-dark: #0a485a;
    --teal-light: #0081A7;
    --cream: #EFEDE7;
    --white: #ffffff;
    --gold: #c9a962;
    --gold-light: #d4bc7d;
    --sage: #609e2d;
    --sage-light: #909464;
    --text-dark: #535337;

    /* Animation Variables - Elegant Easing Curves */
    --transition-smooth: 0.5s cubic-bezier(0.4, 0.0, 0.2, 1); /* Material Design deceleration */
    --transition-fast: 0.3s cubic-bezier(0.4, 0.0, 0.6, 1); /* Sharp ease-out */
    --transition-slow: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Ease-out-quad */
    --transition-elegant: 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); /* Custom elegant curve */
    --transition-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Subtle bounce */
}