:root {
    /* =====================================================
       HSN Realty Brand Colors
    ===================================================== */

    --primary-color: #156f80;
    --primary-dark: #0f4f5c;
    --primary-rgb: 21, 111, 128;
    --primary-text-emphasis: #082C33;
    --primary-bg-subtle: #D0E2E6;
    --primary-border-subtle: #A1C5CC;
    
    --secondary-color: #ab2d17;
    --secondary-dark: #8a2412;
    --secondary-rgb: 171, 45, 23;
    --secondary-text-emphasis: #441209;
    --secondary-bg-subtle: #EED5D1;
    --secondary-border-subtle: #DDABA2;
    
    --dark-color: #333;
    --dark-rgb: 51, 51, 51;
    --dark-text-emphasis: #141414;
    --dark-bg-subtle: #D6D6D6;
    --dark-border-subtle: #ADADAD;

    /* =====================================================
       Bootstrap 5.3 Forced Overrides (Requirement §6.1)
    ===================================================== */

    --primary: var(--primary-color);
    --secondary: var(--secondary-color);

    --bs-primary: var(--primary-color);
    --bs-secondary: var(--secondary-color);

    --bs-primary-rgb: var(--primary-rgb);
    --bs-secondary-rgb: var(--secondary-rgb);

    --bs-primary-text-emphasis: var(--primary-text-emphasis);
    --bs-primary-bg-subtle: var(--primary-bg-subtle);
    --bs-primary-border-subtle: var(--primary-border-subtle);

    --bs-secondary-text-emphasis: var(--secondary-text-emphasis);
    --bs-secondary-bg-subtle: var(--secondary-bg-subtle);
    --bs-secondary-border-subtle: var(--secondary-border-subtle);

    /* =====================================================
       Additional Colors
    ===================================================== */

    --success-color: #198754;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #0dcaf0;
    --light-color: #f8f9fa;

    /* Bootstrap mapping */
    --bs-success: var(--success-color);
    --bs-danger: var(--danger-color);
    --bs-warning: var(--warning-color);
    --bs-info: var(--info-color);
    --bs-light: var(--light-color);

    /* =====================================================
       Typography
    ===================================================== */

    --font-family-base: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-family-heading: var(--font-family-base);

    --bs-font-sans-serif: var(--font-family-base);

    --font-size-base: 1rem;
    --line-height-base: 1.5;

    --bs-link-color: #156f80;
    --bs-link-hover-color: #0f4f5c;
    --bs-link-decoration: none;
    --bs-link-hover-decoration: none;
  
    --bs-form-control-focus-border-color: #156f80;
    --bs-form-control-focus-box-shadow: 0 0 0 .25rem rgba(21,111,128,.25);

    /* =====================================================
       Spacing
    ===================================================== */

    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 3rem;

    /* =====================================================
       Border Radius
    ===================================================== */

    --border-radius: 0.375rem;
    --border-radius-lg: 0.5rem;
    --border-radius-xl: 1rem;

    --bs-border-radius: var(--border-radius);
    --bs-border-radius-lg: var(--border-radius-lg);
    --bs-border-radius-xl: var(--border-radius-xl);

    /* =====================================================
       Shadows
    ===================================================== */

    --shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    --shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    --shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);

    /* =====================================================
       Transitions
    ===================================================== */

    --transition-base: all .15s ease-in-out;
    --transition-fast: all .1s ease-in-out;
    --transition-slow: all .3s ease-in-out;

    /* =====================================================
       Z-index scale
    ===================================================== */

    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-notification: 1080;
    --z-cookie-banner: 1090;
}