/* ==========================================================================
   Cushman & Wakefield - Multifamily Advisory Group
   Tenant Theme: CW
   ========================================================================== */

:root {
    /* Primary Palette */
    --color-primary: #003865;
    --color-primary-hover: #002a4d;
    --color-secondary: #0093b2;
    --color-secondary-hover: #007a94;
    --color-secondary-light: #9bd3dd;

    /* Accent */
    --color-accent: #e4002b;
    --color-accent-hover: #a6192e;
    --color-accent-orange: #ff671f;

    /* Neutrals */
    --color-text: #2a2d2d;             /* Darkest Gray */
    --color-text-muted: #4c7393;       /* Dark Blue 70% */
    --color-text-light: #a7a8aa;       /* Gray */
    --color-border: #d0cecf;           /* Dark Gray 20% */
    --color-bg: #ffffff;               /* White */
    --color-bg-light: #f0f0f0;         /* Dark Gray 10% */
    --color-bg-muted: #eeeeee;         /* Lightest Gray */

    /* Status — mapped from brand palette */
    --color-error: #e4002b;            /* Red */
    --color-error-bg: #fae5e5;         /* Red 10% */
    --color-error-border: #f5cccc;     /* Red 20% */
    --color-success: #b5bd00;          /* Lime */
    --color-success-bg: #f7f8e5;       /* Lime 10% */
    --color-success-border: #dee1aa;   /* Lime 40% */
    --color-warning: #c45000;          /* Orange (darkened for text contrast) */
    --color-warning-bg: #fff0e8;       /* Orange 10% */
    --color-warning-border: #ffe2d0;   /* Orange 20% */

    /* Typography */
    --font-heading: 'Inter', ui-sans-serif, system-ui, sans-serif;
    --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;

    /* Component-specific */
    --color-header-bg: #003865;
    --color-header-text: #ffffff;
    --color-nav-bg: #0093b2;
    --color-nav-text: #ffffff;
    --color-nav-hover: #003865;
    --color-footer-bg: #003865;
    --color-footer-text: #d0cecf;     /* Dark Gray 20% */
    --color-footer-heading: #ffffff;
    --color-hero-overlay: rgba(0, 56, 101, 0.6);
}