/* =============================================
   GROOEMBER DESIGN TOKENS
   Brand colors, radii, shadows, motion easing.
   Loaded before all other Grooember styles so the
   custom properties are available everywhere.
============================================= */

:root {
    --groo-accent: #B8FF4F;
    --groo-accent-soft: rgba(184, 255, 79, 0.12);
    --groo-purple: #7B5DFF;
    --groo-purple-soft: rgba(123, 93, 255, 0.10);
    --groo-dark: #0A0A10;
    --groo-card-bg: #fff;
    --groo-card-border: rgba(0, 0, 0, 0.06);
    --groo-radius: 20px;
    --groo-radius-sm: 14px;
    --groo-shadow: 0 2px 24px rgba(0, 0, 0, 0.06);
    --groo-shadow-hover: 0 12px 40px rgba(123, 93, 255, 0.12);
    --groo-transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Global font smoothing */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}