/* ========================================
   MY GLOBAL MOBILE - BRAND COLORS
   ======================================== */

:root {
    /* Primary Brand Colors */
    --color-primary: #001f47;        /* Primary Blue */
    --color-secondary: #c9b358;      /* Gold */
    --color-background: #ffffff;     /* White */
    
    /* Service Card Background Colors */
    --color-blue: #004c77;           /* Blue Cards */
    --color-grey: #434656;           /* Grey Cards */
    --color-tan: #867555;            /* Dark Tan Cards */
    --color-yellow: #ebbd4a;         /* Yellow Cards */
    
    /* Additional Brand Colors */
    --color-silver: #c0c0c0;         /* Silver */
    --color-light-gold: #f4dd72;     /* Light Gold */
    
    /* Text Colors */
    --color-text-primary: #001f47;   /* Dark Blue for headings */
    --color-text-body: #434656;      /* Grey for body text */
    --color-text-light: #ffffff;     /* White text on dark backgrounds */
    
    /* UI Colors */
    --color-border: #c0c0c0;         /* Silver borders */
    --color-hover: #c9b358;          /* Gold hover state */
    --color-focus: #004c77;          /* Blue focus state */
}

/* Legacy color mappings (for gradual migration) */
:root {
    --brand-primary: var(--color-primary);
    --brand-gold: var(--color-secondary);
    --brand-blue: var(--color-blue);
    --brand-grey: var(--color-grey);
}