:root {
    /* =====================================================
     BRAND
     ===================================================== */
    --brand-primary: #00a2e0;
    --brand-secondary: #ffdb00;
    --brand-primary-soft: #36c8ea;
    --brand-secondary-soft: #f9e267;
    --brand-color-1: #03bf6f;
    --brand-color-2: #e94661;
    --brand-color-3: #fdaa63;
    --brand-color-4: #91d6ac;
    --brand-color-5: #fb9cb3;

    /* =====================================================
     BASE / NEUTRALS
     ===================================================== */
    --base-dark: #3e4242;
    --base-gray: #e8eaed;
    --base-light: #ffffff;
    --base-bg: #f5f7fa;

    /* =====================================================
     TEXT
     ===================================================== */
    --text-primary: #3e4242;
    --text-secondary: #6b7280;
    --text-inverse: #ffffff;
    --text-muted: #9ca3af;

    /* =====================================================
     BUTTONS
     ===================================================== */
    --btn-primary: #00a2e0;
    --btn-secondary: #ffdb00;
}