:root {
    /* General */
    --border-radius: 6px;
    --border-radius2x: 12px;
    --default: #6b7280; /* Tailwind Gray-500 */

    /* Primary: Soft Vibrant Blue */
    --primary: #3b82f6;
    --primary-100: #2563eb;
    --primary-200: #1d4ed8;
    --primary-300: #1e40af;
    --primary--100: #60a5fa;
    --primary--200: #93c5fd;
    --primary--300: #bfdbfe;
    --primary-rgba-10: rgba(59, 130, 246, 0.1);
    --primary-rgba-20: rgba(59, 130, 246, 0.2);
    --primary-rgba-30: rgba(59, 130, 246, 0.3);
    --primary-rgba-40: rgba(59, 130, 246, 0.4);
    --primary-rgba-50: rgba(59, 130, 246, 0.5);
    --primary-rgba-60: rgba(59, 130, 246, 0.6);
    --primary-rgba-70: rgba(59, 130, 246, 0.7);
    --primary-rgba-80: rgba(59, 130, 246, 0.8);
    --primary-rgba-90: rgba(59, 130, 246, 0.9);

    /* Secondary: Coral/Orange Soft */
    --secondary: #f97316;
    --secondary-100: #ea580c;
    --secondary-200: #c2410c;
    --secondary-300: #9a3412;
    --secondary--100: #fb923c;
    --secondary--200: #fdba74;
    --secondary--300: #fed7aa;
    --secondary-rgba-10: rgba(249, 115, 22, 0.1);
    --secondary-rgba-20: rgba(249, 115, 22, 0.2);
    --secondary-rgba-30: rgba(249, 115, 22, 0.3);
    --secondary-rgba-40: rgba(249, 115, 22, 0.4);
    --secondary-rgba-50: rgba(249, 115, 22, 0.5);
    --secondary-rgba-60: rgba(249, 115, 22, 0.6);
    --secondary-rgba-70: rgba(249, 115, 22, 0.7);
    --secondary-rgba-80: rgba(249, 115, 22, 0.8);
    --secondary-rgba-90: rgba(249, 115, 22, 0.9);

    /* Tertiary: Soft Cyan/Teal */
    --tertiary: #06b6d4;
    --tertiary-100: #0891b2;
    --tertiary-200: #0e7490;
    --tertiary-300: #155e75;
    --tertiary--100: #22d3ee;
    --tertiary--200: #67e8f9;
    --tertiary--300: #a5f3fc;
    --tertiary-rgba-10: rgba(6, 182, 212, 0.1);
    --tertiary-rgba-20: rgba(6, 182, 212, 0.2);
    --tertiary-rgba-30: rgba(6, 182, 212, 0.3);
    --tertiary-rgba-40: rgba(6, 182, 212, 0.4);
    --tertiary-rgba-50: rgba(6, 182, 212, 0.5);
    --tertiary-rgba-60: rgba(6, 182, 212, 0.6);
    --tertiary-rgba-70: rgba(6, 182, 212, 0.7);
    --tertiary-rgba-80: rgba(6, 182, 212, 0.8);
    --tertiary-rgba-90: rgba(6, 182, 212, 0.9);

    /* Quaternary: Neutral Gray/Slate */
    --quaternary: #334155;
    --quaternary-100: #1e293b;
    --quaternary-200: #0f172a;
    --quaternary-300: #0a0e1c;
    --quaternary--100: #475569;
    --quaternary--200: #64748b;
    --quaternary--300: #94a3b8;
    --quaternary-rgba-10: rgba(51, 65, 85, 0.1);
    --quaternary-rgba-20: rgba(51, 65, 85, 0.2);
    --quaternary-rgba-30: rgba(51, 65, 85, 0.3);
    --quaternary-rgba-40: rgba(51, 65, 85, 0.4);
    --quaternary-rgba-50: rgba(51, 65, 85, 0.5);
    --quaternary-rgba-60: rgba(51, 65, 85, 0.6);
    --quaternary-rgba-70: rgba(51, 65, 85, 0.7);
    --quaternary-rgba-80: rgba(51, 65, 85, 0.8);
    --quaternary-rgba-90: rgba(51, 65, 85, 0.9);

    /* Dark / Light */
    --dark: #0f172a;
    --dark-100: #0a0e1c;
    --dark-200: #111827;
    --dark-300: #1e293b;
    --dark--100: #1e293b;
    --dark--200: #334155;
    --dark--300: #475569;
    --dark-rgba-30: rgba(15, 23, 42, 0.3);
    --dark-rgba-60: rgba(15, 23, 42, 0.6);
    --dark-rgba-90: rgba(15, 23, 42, 0.9);

    --light: #ffffff;
    --light-100: #f9fafb;
    --light-200: #f3f4f6;
    --light-300: #e5e7eb;
    --light--100: #ffffff;
    --light--200: #fafafa;
    --light--300: #f5f5f5;
    --light-rgba-10: rgba(255, 255, 255, 0.1);
    --light-rgba-50: rgba(255, 255, 255, 0.5);
    --light-rgba-90: rgba(255, 255, 255, 0.9);

    /* Inverse */
    --primary-inverse: #ffffff;
    --secondary-inverse: #ffffff;
    --tertiary-inverse: #ffffff;
    --quaternary-inverse: #ffffff;
    --dark-inverse: #ffffff;
    --light-inverse: #1e293b;

    /* Grayscale Modern */
    --grey: #9ca3af;
    --grey-100: #f3f4f6;
    --grey-200: #e5e7eb;
    --grey-300: #d1d5db;
    --grey-400: #9ca3af;
    --grey-500: #6b7280;
    --grey-600: #4b5563;
    --grey-700: #374151;
    --grey-800: #1f2937;
    --grey-900: #111827;
    --grey-1000: #0f172a;
}