/* Mountoulab Color Palette */
:root {
    /* Primary Colors */
    --color-primary: #284D70;        /* Dark Blue/Navy */
    --color-secondary: #916545;      /* Brown/Earthy Tone */
    --color-light-gray: #CBCBCC;     /* Light Gray/Off-white */
    --color-lighter-gray: #E8E8E8;   /* Even Lighter Gray */
    --color-sage: #A7B5B3;           /* Light Greenish-Gray/Sage */
    
    /* Semantic Color Names */
    --color-navbar-bg: var(--color-primary);
    --color-navbar-text: var(--color-light-gray);
    --color-footer-bg: var(--color-primary);
    --color-footer-text: var(--color-light-gray);
    --color-body-bg: var(--color-lighter-gray);
    --color-text-primary: var(--color-primary);
    --color-text-secondary: #4B5563;
    --color-button-primary: var(--color-secondary);
    --color-button-primary-hover: #A7805F;
    --color-border: var(--color-sage);
    
    /* Tag Colors */
    --color-tag-primary-bg: rgba(40, 77, 112, 0.15);
    --color-tag-primary-text: var(--color-primary);
    --color-tag-secondary-bg: rgba(145, 101, 69, 0.15);
    --color-tag-secondary-text: var(--color-secondary);
    --color-tag-sage-bg: rgba(167, 181, 179, 0.3);
    --color-tag-sage-text: var(--color-primary);
}

/* Tag Styles */
.tag-primary {
    background-color: var(--color-tag-primary-bg);
    color: var(--color-tag-primary-text);
}

.tag-secondary {
    background-color: var(--color-tag-secondary-bg);
    color: var(--color-tag-secondary-text);
}

.tag-sage {
    background-color: var(--color-tag-sage-bg);
    color: var(--color-tag-sage-text);
}