:root {
    /* Primary Colors */
    --color-primary: #273E29;
    --color-primary-dark: #1E2F20;
    --color-primary-darker: #152016;
    --color-primary-light: #3A5A3D;
    --color-primary-lighter: #4D7550;
    --color-primary-lightest: #B8D4BB;
    --color-primary-rgb: 39, 62, 41;
    
    /* Secondary Colors */
    --color-secondary: #48759C;
    --color-secondary-dark: #365A7A;
    --color-secondary-light: #5A8FB8;
    --color-secondary-rgb: 72, 117, 156;
    
    /* Highlight/Accent Color - for buttons and links */
    --color-highlight: #48759C;
    --color-highlight-rgb: 72, 117, 156;
    --color-highlight-dark: #365A7A;
    --color-highlight-dark-rgb: 54, 90, 122;
    --color-highlight-light: #5A8FB8;
    --color-highlight-light-rgb: 90, 143, 184;
    
    /* Additional Colors */
    --color-accent-brown: #523C1C;
    --color-accent-brown-rgb: 82, 60, 28;
    --color-accent-brown-dark: #3D2D14;
    --color-accent-brown-dark-rgb: 61, 45, 20;
    --color-accent-brown-light: #6B4F2A;
    --color-accent-brown-light-rgb: 107, 79, 42;
    --color-accent-gray: #76716E;
    --color-accent-gray-rgb: 118, 113, 110;
    --color-accent-gray-dark: #5A5654;
    --color-accent-gray-dark-rgb: 90, 86, 84;
    --color-accent-gray-light: #8E8986;
    --color-accent-gray-light-rgb: 142, 137, 134;
    --color-accent-dark: #273E29;
    --color-accent-dark-rgb: 39, 62, 41;
    --color-accent-light: #B8D4BB;
    --color-accent-light-rgb: 184, 212, 187;
    
    /* Neutral Colors */
    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --color-gray-50: #FFFDF1;
    --color-gray-100: #CCC6BA;
    --color-gray-200: #CCC6BA;
    --color-gray-300: #CCC6BA;
    --color-gray-400: #403D38;
    --color-gray-500: #403D38;
    --color-gray-600: #403D38;
    --color-gray-700: #252422;
    --color-gray-800: #252422;
    --color-gray-900: #252422;
    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;
    
    /* Text Colors - Light Theme */
    --color-text-primary: #273E29;
    --color-text-secondary: #48759C;
    --color-text-light: #76716E;
    --color-text-white: var(--color-white);
    --color-text-accent: var(--color-highlight);
    
    /* Background Colors - Light Theme */
    --color-bg-primary: #FFFDF1;
    --color-bg-primary-dark: #CCC6BA;
    --color-bg-secondary: #403D38;
    --color-bg-white: var(--color-white);
    --color-bg-cream: #FFFDF1;
    --color-bg-cream-rgb: 255, 253, 241;
    --color-bg-gray-50: #FFFDF1;
    --color-bg-gray-100: #CCC6BA;
    
    /* Gradient Colors */
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    --gradient-dark: linear-gradient(135deg, var(--color-gray-900) 0%, var(--color-gray-800) 100%);
    --gradient-gold-dark: linear-gradient(135deg, var(--color-secondary) 0%, #FFA500 100%);
    --gradient-light: linear-gradient(135deg, var(--color-white) 0%, var(--color-primary-lightest) 100%);
    --gradient-overlay: linear-gradient(135deg, rgba(250, 251, 252, 0.9) 0%, rgba(232, 234, 237, 0.95) 100%);
    
    /* RGBA Colors */
    --color-primary-95: rgba(39, 62, 41, 0.95);
    --color-primary-90: rgba(39, 62, 41, 0.9);
    --color-secondary-50: rgba(72, 117, 156, 0.5);
    --color-secondary-30: rgba(72, 117, 156, 0.3);
    --color-secondary-10: rgba(72, 117, 156, 0.1);
    --color-secondary-05: rgba(72, 117, 156, 0.05);
    --color-highlight-50: rgba(72, 117, 156, 0.5);
    --color-highlight-30: rgba(72, 117, 156, 0.3);
    --color-highlight-20: rgba(72, 117, 156, 0.2);
    --color-highlight-10: rgba(72, 117, 156, 0.1);
    --color-highlight-05: rgba(72, 117, 156, 0.05);
    --color-primary-50: rgba(39, 62, 41, 0.5);
    --color-primary-30: rgba(39, 62, 41, 0.3);
    --color-primary-20: rgba(39, 62, 41, 0.2);
    --color-primary-10: rgba(39, 62, 41, 0.1);
    --color-primary-05: rgba(39, 62, 41, 0.05);
    --color-brown-50: rgba(82, 60, 28, 0.5);
    --color-brown-30: rgba(82, 60, 28, 0.3);
    --color-brown-10: rgba(82, 60, 28, 0.1);
    --color-gray-50: rgba(118, 113, 110, 0.5);
    --color-gray-30: rgba(118, 113, 110, 0.3);
    --color-gray-10: rgba(118, 113, 110, 0.1);
    --color-white-10: rgba(255, 255, 255, 0.1);
    --color-white-20: rgba(255, 255, 255, 0.2);
    --color-white-40: rgba(255, 255, 255, 0.4);
    --color-white-90: rgba(255, 255, 255, 0.9);
    --color-white-95: rgba(255, 255, 255, 0.95);
    --color-black-10: rgba(0, 0, 0, 0.1);
    --color-black-20: rgba(0, 0, 0, 0.2);
    --color-black-30: rgba(0, 0, 0, 0.3);
    --color-black-50: rgba(0, 0, 0, 0.5);
}

/* Font Family Rules */
/* Body and all content use Oxygen */
body {
    font-family: 'Oxygen', sans-serif !important;
}

/* Common content elements use Oxygen */
p,
span,
a,
li,
td,
th,
label,
input,
textarea,
select,
button,
.font-body {
    font-family: 'Oxygen', sans-serif !important;
}

/* Headings use Montserrat - overrides body font */
h1,
h2,
h3,
h4,
h5,
h6,
.font-heading {
    font-family: 'Montserrat', sans-serif !important;
}

/* Text selection (highlight) colors - use Montserrat font */
::selection {
    background: var(--color-highlight, #48759C);
    color: var(--color-white, #ffffff);
    font-family: 'Montserrat', sans-serif !important;
}
::-moz-selection {
    background: var(--color-highlight, #48759C);
    color: var(--color-white, #ffffff);
    font-family: 'Montserrat', sans-serif !important;
}

/* Custom scrollbar styling */
::-webkit-scrollbar {
    width: 12px;
    background: var(--color-bg-gray-50, #f9fafb);
}
::-webkit-scrollbar-thumb {
    background: var(--color-highlight, #48759C);
    border-radius: 8px;
    border: 2px solid var(--color-bg-gray-100, #CCC6BA);
}
::-webkit-scrollbar-track {
    background: var(--color-bg-gray-50, #f9fafb);
}

/* Firefox scrollbar styling */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--color-highlight, #48759C) var(--color-bg-gray-50, #FFFDF1);
}