:root {
    --color-bg-page: #F5F5F5;
    --color-bg-surface: #FFFFFF;
    --color-bg-elevated: #FFFFFF;
    --color-bg-hover: #F5F5F5;

    --color-primary: #FF2D78;
    --color-primary-light: #FFF0F5;
    --color-primary-strong: #d10047;
    --color-primary-soft: #ff8fa9;

    --color-text-primary: #1A1A1A;
    --color-text-secondary: #6B6B6B;
    --color-text-muted: #9E9E9E;
    --color-text-on-primary: #FFFFFF;

    --color-border: #E5E5E5;
    --color-border-strong: #D0D0D0;

    --color-success: #1f9a62;
    --color-success-light: #e8f7ef;
    --color-danger: #c63f49;
    --color-danger-light: #fbe9eb;

    --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-card-strong: 0 8px 24px rgba(0, 0, 0, 0.10);
    --shadow-header: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-modal: 0 24px 56px rgba(0, 0, 0, 0.18);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 50px;
}