/* ============================================================
   MassHousing Brand Tokens (_variables.css)
   Minimal overrides on top of the Telerik Bootstrap theme.
   Only brand-specific values live here — everything else
   (status colors, typography, spacing, shadows, border-radius)
   comes from the Telerik theme's --kendo-* custom properties.
   Loaded AFTER the Telerik theme CSS.
   ============================================================ */

:root {
    /* ---- Brand colors ---- */
    --mh-primary: #B1272F;
    --mh-primary-dark: #8e1f26;
    --mh-primary-darker: #6C0D0F;
    --mh-primary-darkest: #5a0a0c;
    --mh-secondary: #707070;
    --mh-accent: #003366;
    --mh-text-on-primary: #fff;
    --mh-text-on-secondary: #fff;
    --mh-link-color: #006bb7;

    /* ---- Surface & Border colors ---- */
    --mh-surface-light: #f8f9fa;
    --mh-border-light: #dee2e6;

    /* ---- Spacing tokens ---- */
    --mh-page-padding: 1.5rem;
    --mh-section-spacing: 1rem;
    --mh-field-spacing: 0.5rem;

    /* ---- Menu tokens ---- */
    --mh-menu-bg: var(--mh-primary);
    --mh-menu-text: var(--mh-text-on-primary);
    --mh-menu-hover: rgba(255, 255, 255, 0.15);
    --mh-menu-border: rgba(255, 255, 255, 0.1);

    /* ---- Footer tokens ---- */
    --mh-footer-bg: var(--mh-secondary);
    --mh-footer-text: var(--mh-text-on-secondary);
    --mh-footer-border: #606060;
    --mh-footer-hover: var(--mh-primary);
}