:root {
    --color-surface-primary: #ffffff;
    --color-surface-secondary: #f3f3f3;
    --color-surface-hover: #f8f8f8;
    --color-surface-accent: #e7f5ff;
    --color-border-primary: #dfdfdf;
    --color-border-secondary: #ededed;
    --color-brand-primary: #3178c0;
    --color-dropdown-option-hover: #f8f8f8;
    --color-dropdown-option-selected: #efefef;
    --color-feedback-danger: #dc3146;
    --color-feedback-danger-hover: #b30532;
    --color-feedback-danger-strong: #b42318;
    --color-feedback-danger-soft-border: #f3c7cb;
    --color-feedback-danger-soft-surface: #fff3f4;
    --color-icon-muted: #707070;
    --color-text-primary: #171717;
    --color-text-secondary: #525252;
    --color-text-muted: #9A9A9A;
    --color-overlay-backdrop: rgba(23, 23, 23, 0.15);
    --shadow-elevation-card: 1px 2px 4px rgba(0, 0, 0, 0.1);
}