:root {
    /* Brand */
    --color-brand-primary: #EE2A7B;
    --color-brand-primary-dark: #c92066;
    --color-brand-secondary: #0E215E;
    --color-brand-accent: #292562;

    /* Text */
    --color-text-primary: #363636;
    --color-text-muted: #9199B4;

    /* State */
    --color-success: #3AB26A;
    --color-error: #E30000;

    /* Surface */
    --color-surface: #FFFFFF;

    /* Layout */
    --layout-sidebar-width: 250px;
    --button-height: 50px;

    /* Icon scale */
    --icon-size-xs: 14px;
    --icon-size-sm: 24px;
    --icon-size-md: 32px;
    --icon-size-lg: 65px;
    --icon-size-xl: 96px;
    --icon-size-xxl: 100px;
}