:root {
    /* Primary Colors */
    --primary: #6CDDBB;
    --primary-dark: #2FAE90;
    --primary-soft: #EAF8F4;

    /* Semantic Colors */
    --success: #22C55E;
    --warning: #F59E0B;
    --error: #EF4444;
    --info: #3B82F6;

    /* Grey Scale */
    --grey900: #111827;
    --grey800: #1F2937;
    --grey700: #374151;
    --grey600: #4B5563;
    --grey500: #6B7280;
    --grey400: #9CA3AF;
    --grey300: #D1D5DB;
    --grey200: #E5E7EB;
    --grey100: #F3F4F5;
    --grey50: #F9FAFB;
}