:root {
    --color-primary: #e3ba00;
    --color-primary-light: #FFEB3B;
    --color-primary-dark: #B08B00;

    --color-secondary: #D48F00;
    --color-secondary-light: #F6A900;
    --color-secondary-dark: #A36E00;

    --color-accent: #FFA500;
    --color-accent-light: #FFC14D;
    --color-accent-dark: #CC8400;

    --color-danger: #e53e3e;
    --color-danger-light: #fc8181;
    --color-danger-dark: #c53030;

    --color-warning: #f6e05e;
    --color-warning-light: #faf089;
    --color-warning-dark: #d69e2e;

    --color-success: #48bb78;
    --color-success-light: #68d391;
    --color-success-dark: #2f855a;

    --color-gray-100: #f7fafc;
    --color-gray-200: #edf2f7;
    --color-gray-300: #e2e8f0;
    --color-gray-400: #cbd5e0;
    --color-gray-500: #a0aec0;
    --color-gray-600: #718096;
    --color-gray-700: #4a5568;
    --color-gray-800: #2d3748;
    --color-gray-900: #1a202c;
}

html.dark {
    --color-primary-light: #FFEC66;
    --color-primary-dark: #574700;

    --color-secondary-light: #F7C55E;
    --color-secondary-dark: #4A3600;

    --color-accent-light: #FFD700;
    --color-accent-dark: #996600;

    --color-danger-light: #FF6347;
    --color-danger-dark: #8B0000;

    --color-warning-light: #FFD700;
    --color-warning-dark: #8B8000;

    --color-success-light: #7CFC00;
    --color-success-dark: #228B22;

    --color-gray-100: #E0E0E0;
    --color-gray-200: #BDBDBD;
    --color-gray-300: #9E9E9E;
    --color-gray-400: #757575;
    --color-gray-500: #616161;
    --color-gray-600: #424242;
    --color-gray-700: #303030;
    --color-gray-800: #212121;
    --color-gray-900: #121212;
}