:root {
    --brand-primary: #F24B59;
    --brand-strong: #A6035D;
    --brand-accent: #F2059F;
    --brand-warm: #F28E13;
    --brand-orange: #F26430;

    --brand-primary-rgb: 242 75 89;
    --brand-strong-rgb: 166 3 93;
    --brand-accent-rgb: 242 5 159;
    --brand-warm-rgb: 242 142 19;
    --brand-orange-rgb: 242 100 48;

    --color-bg: #f7f7fa;
    --color-surface: #ffffff;
    --color-surface-soft: #fff7f7;
    --color-line: #ebe5e9;
    --color-line-strong: #d9cbd2;
    --color-text: #29242a;
    --color-muted: #756b75;
    --color-inverse: #ffffff;
    --color-danger-bg: #fff1f2;
    --color-danger-text: #8c1020;
    --color-success-bg: #eaf7ee;
    --color-success-border: #bfe6cb;
    --color-success-text: #1e6b3a;

    --color-action: var(--brand-primary);
    --color-action-hover: var(--brand-strong);
    --color-active-bg: rgb(var(--brand-primary-rgb) / 0.12);
    --color-focus: rgb(var(--brand-accent-rgb) / 0.28);
    --color-shadow: rgb(var(--brand-strong-rgb) / 0.10);

    --font-display: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
    --font-body: "Source Sans Pro", "Segoe UI", Arial, sans-serif;

    --radius-lg: 16px;
    --radius-md: 10px;
    --radius-sm: 8px;
    --sidebar-width: 250px;
}