:root {
    --color-primary: #270e2b;
    --color-primary-dark: #210b24;
    --color-primary-light: #2a0f2f;
    --color-primary-text: #ffffff;
    --color-secondary: #e5e7eb;
    --color-secondary-dark: #c2c4c7;
    --color-secondary-light: #fbfeff;
    --color-secondary-text: #000000;
    --color-success: #10b981;
    --color-success-dark: #0d9d6d;
    --color-success-light: #11cb8d;
    --color-success-text: #ffffff;
    --color-info: #38bdf8;
    --color-info-dark: #2fa0d2;
    --color-info-light: #3dcfff;
    --color-info-text: #000000;
    --color-warning: #fbbf24;
    --color-warning-dark: #d5a21e;
    --color-warning-light: #ffd227;
    --color-warning-text: #000000;
    --color-danger: #fb7185;
    --color-danger-dark: #d56071;
    --color-danger-light: #ff7c92;
    --color-danger-text: #000000;
    --color-light: #faf5ff;
    --color-light-dark: #d4d0d8;
    --color-light-light: #ffffff;
    --color-light-text: #000000;
    --color-dark: #3478f3;
    --color-dark-dark: #2c66ce;
    --color-dark-light: #3984ff;
    --color-dark-text: #ffffff;
}