:root {
    /* Brand */
    --color-primary: #0b5cff;
    --color-secondary: #00a8e8;
    --color-accent: #e11d48; /* عاجل/تنبيه */

    /* Neutrals */
    --color-text: #0b1220;
    --color-muted: #6b7280;

    --color-bg: #f6f7f9;
    --color-card: #ffffff;
    --color-border: rgba(0, 0, 0, 0.08);

    /* Radius + shadow */
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;

    --shadow-sm: 0 8px 22px rgba(2, 8, 23, 0.06);
    --shadow-md: 0 18px 55px rgba(2, 8, 23, 0.12);
}