/*
 * Design tokens — centralized values for the admin/internal UI.
 *
 * Resolved values intentionally match the historical hardcoded values used
 * across main.css / site.css so adopting tokens is a visual no-op. Update
 * tokens here to roll changes through the admin design language.
 *
 * Public/donor-facing surfaces (donation form, checkout, web elements,
 * campaign pages, donor portal, receipts) are intentionally NOT migrated
 * to these tokens and keep their own styles.
 */

:root {
    /* Brand / accent */
    --accent-color: #b91b3b;
    --bs-btn-active-bg: #8f1530;

    /* Neutral palette */
    --color-bg-app: #F7F7F8;
    --color-bg-surface: #FFFFFF;
    --color-bg-sidebar: #152b4b;
    --color-bg-table-header: #152b4b;
    --color-bg-row-alt: #F4F8FB;
    --color-bg-row-hover: #D6E2EC;
    --color-bg-form-column: #f4f8fb;
    --color-bg-disabled: #C3C2C2;

    /* Text */
    --color-text-default: #203D4C;
    --color-text-strong: #111928;
    --color-text-muted: #999;
    --color-text-on-dark: #ffffff;
    --color-link: #1E7FC6;

    /* Borders */
    --color-border: #CBDAE2;
    --color-border-subtle: #dddee4;

    /* Feedback */
    --color-error-text: #a94442;
    --color-error-bg: #fdf7f7;
    --color-error-border: #eed3d7;
    --color-not-set: #c55;

    /* Radii */
    --radius-sm: 3px;
    --radius-md: 6px;
    --radius-lg: 8px;

    /* Shadows */
    --shadow-card: 0px 1px 4px rgba(19, 126, 199, 0.2);
    --shadow-card-strong: 0px 1px 3px rgba(0, 0, 0, 0.2);
    --shadow-sidebar: 2px 1px 4px -2px rgba(19, 126, 199, 0.4);

    /* Typography */
    --font-family-base: avenirnext;
    --font-family-medium: avenirnext-medium;
    --font-size-base: 1rem;
    --font-size-sm: 14px;
    --font-size-xs: 13px;
    --font-size-menu: 18px;
    --font-size-campaign-title: 17px;

    /* Layout */
    --sidebar-width: 250px;
}