:root {
    --color-primary: #0f62fe;
    --color-primary-hover: #0353e9;
    --color-bg-main: #f4f7f6;
    --color-bg-panel: #ffffff;
    --color-bg-controls: #f4f4f4;
    --color-bg-active: #f0f4ff;
    --color-bg-hover: #e0e7ff;
    --color-text-main: #161616;
    --color-text-secondary: #525252;
    --color-text-inverse: #ffffff;
    --color-border: #e0e0e0;
    --color-border-card: #e0e0e0;
    --color-border-focus: #c7d2fe;
    --status-valid-bg: #198038;
    --status-invalid-bg: #da1e28;
    --status-warning-bg: #d97706;
    --color-success-bg: #f0fdf4;
    --color-success-text: #16a34a;
    --color-success-border: #bbf7d0;
    --color-error-bg: #fef2f2;
    --color-error-text: #dc2626;
    --color-error-border: #fecaca;
    --color-error-icon: #ef4444;
    --color-error-text-dark: #991b1b;
    --color-error-text-bold: #b91c1c;
    --color-warning-bg: #fffbeb;
    --color-warning-text: #ea580c;
    --color-warning-border: #fcd34d;
    --color-warning-icon: #f59e0b;
    --color-warning-text-dark: #92400e;
    --color-warning-text-bold: #b45309;
    --color-tooltip-bg: #262626;
}