:root {
    --brand-primary: #023f3e;
    --brand-primary-600: #032f2e;
    --brand-primary-700: #021f1e;
    --brand-accent: #fd6e5d;
    --brand-accent-600: #ec5949;
    --brand-accent-50: #fff1ee;
    --brand-accent-2: #ffb4a8;

    --bg-app: #f7f7f5;
    --bg-canvas: #fafaf8;
    --surface: #ffffff;
    --surface-2: #f4f4f1;
    --surface-3: #ebebe7;

    --sidebar-bg: #061514;
    --sidebar-bg-2: #0a1f1e;
    --sidebar-fg: #d6dad7;
    --sidebar-fg-muted: #7e8a87;
    --sidebar-active-bg: rgba(253, 110, 93, 0.10);
    --sidebar-active-fg: #ffffff;
    --sidebar-divider: rgba(255, 255, 255, 0.06);

    --text: #0c1110;
    --text-muted: #5a6361;
    --text-subtle: #8a938f;
    --text-inverted: #ffffff;

    --border: #e7e5e0;
    --border-strong: #d6d4cf;
    --border-focus: rgba(2, 63, 62, 0.35);

    --success: #15803d;
    --success-bg: #ecfdf3;
    --warning: #b45309;
    --warning-bg: #fff7ed;
    --danger: #b91c1c;
    --danger-bg: #fef2f2;
    --info: #1d4ed8;
    --info-bg: #eff6ff;

    --r-xs: 6px;
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;
    --r-xl: 22px;
    --r-pill: 999px;

    --shadow-xs: 0 1px 2px rgba(15, 17, 16, 0.04);
    --shadow-sm: 0 1px 2px rgba(15, 17, 16, 0.04), 0 2px 4px rgba(15, 17, 16, 0.04);
    --shadow-md: 0 1px 2px rgba(15, 17, 16, 0.05), 0 8px 24px rgba(15, 17, 16, 0.06);
    --shadow-lg: 0 4px 12px rgba(15, 17, 16, 0.06), 0 20px 50px rgba(15, 17, 16, 0.10);
    --shadow-ring: 0 0 0 4px rgba(2, 63, 62, 0.12);
    --shadow-ring-accent: 0 0 0 4px rgba(253, 110, 93, 0.18);

    --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --sidebar-w: 264px;
    --topbar-h: 68px;
    --rail-w: 300px;
    --feed-max: 640px;
    --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --t-fast: 140ms var(--ease);
    --t-med: 220ms var(--ease);
}