:root {
    --color-white: #fff;
    --color-white-rgb: 255, 255, 255;
    --color-black: #000;
    --color-black-rgb: 0, 0, 0;
    --color-gray-50: #fdf7f7;
    --color-gray-75: #f8fafc;
    --color-gray-100: #f8f9fa;
    --color-gray-150: #f5f5f5;
    --color-gray-200: #e9ecef;
    --color-gray-250: #e8ecef;
    --color-gray-300: #dee2e6;
    --color-gray-400: #adb5bd;
    --color-gray-500: #999;
    --color-gray-600: #6c757d;
    --color-gray-700: #495057;
    --color-gray-800: #31363b;
    --color-gray-900: #212529;
    --color-gray-950: #111;

    --color-primary: #0d6efd;
    --color-primary-alt: #007bff;
    --color-primary-200: #e3f2fd;
    --color-primary-300: #cfe8ff;
    --color-primary-400: #4dabf7;
    --color-primary-500: #339af0;
    --color-primary-rgb: 13, 110, 253;
    --color-primary-alt-rgb: 0, 123, 255;

    --color-success: #198754;
    --color-success-dark: #1f7f56;
    --color-success-100: #e8f7ef;
    --color-success-200: #d3f1e4;
    --color-success-rgb: 25, 135, 84;

    --color-warning: #fd7e14;
    --color-warning-dark: #e76a00;
    --color-warning-darker: #d15a00;
    --color-warning-100: #fff3e0;
    --color-warning-rgb: 253, 126, 20;

    --color-danger: #dc3545;
    --color-danger-rgb: 220, 53, 69;
    --color-danger-soft: #eed3d7;
    --color-danger-text: #a94442;

    --color-accent-soft: #c55;
}