:root {
    /* Primary: Hello Spring */
    --primary-100: #F2FFF7;
    --primary-200: #C8FEDA;
    --primary-300: #9CFBB5;
    --primary-400: #6EF189;
    --primary-500: #40DE58;
    --primary-600: #1FB02C;
    --primary-700: #0F8213;
    --primary-800: #0A5408;
    --primary-900: #062603;

    /* Accent: Méi Gūi Zǐ Purple */
    --accent-100: #FFF2FA;
    --accent-200: #FFC4EC;
    --accent-300: #FC95E1;
    --accent-400: #F565D7;
    --accent-500: #E835CD;
    --accent-600: #B815A9;
    --accent-700: #870783;
    --accent-800: #550357;
    --accent-900: #230126;

    /* Neutral */
    --neutral-100: #FAFCFB;
    --neutral-200: #EAEFEC;
    --neutral-300: #DAE2DC;
    --neutral-400: #CAD4CC;
    --neutral-500: #BBC7BD;
    --neutral-600: #949F95;
    --neutral-700: #6D776E;
    --neutral-800: #474E47;
    --neutral-900: #232622;

    --button-background: var(--primary-300);
    --button-background-hover: var(--accent-300);
}