:root {
    /* Brand */
    --main-color: #003366;
    --main-color-dark: #002244;
    --main-color-hover: #002244;

    /* UI surfaces */
    --ui-background: #f4f6f8;
    --ui-background-subtle: #fafbfc;
    --ui-border-radius: 10px;
    --ui-border-radius-sm: 8px;
    --ui-border-color: rgba(0, 0, 0, 0.10);

    /* Text */
    --text-primary: #000000;
    --text-secondary: rgba(0, 0, 0, 0.62);

    /* Interaction */
    --task-hover-bg: rgba(0, 51, 102, 0.05);
    --task-open-bg: rgba(0, 51, 102, 0.08);
    --task-open-border: rgba(0, 51, 102, 0.22);

    /* Status */
    --status-danger: #dc3545;

    /* Alerts */
    --alert-warning-bg: rgba(255, 193, 7, 0.18);
    --alert-warning-border: rgba(255, 193, 7, 0.45);
    --alert-warning-text: rgba(0, 0, 0, 0.82);

    /* Legacy aliases (keep older pages working) */
    --hover-color: var(--main-color-hover);
    --link-color: #0d6efd;

    --success-color: #28a745;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
    --danger-color: var(--status-danger);

    --body-bg: var(--ui-background);
    --text-color: var(--text-primary);
}