:root {
    /* Brand Colors */
    --hemp-beige: #E8DCC3;
    --clay-red: #A25E4B;
    --forest-green: #3B6A4B;
    --indigo-blue: #3C4E6D;
    --natural-white: #F9F7F1;
    --charcoal-gray: #444444;

    /* Semantic Colors */
    --bg-primary: var(--natural-white);
    --bg-secondary: var(--hemp-beige);
    --text-primary: var(--charcoal-gray);
    --text-secondary: var(--indigo-blue);
    --text-light: var(--natural-white);
    
    /* Interactive Elements */
    --btn-primary: var(--clay-red);
    --btn-secondary: var(--forest-green);
    --btn-hover: #8B4E3C;  /* Darker Clay Red */
    --btn-secondary-hover: #2D5439;  /* Darker Forest Green */
    
    /* Navigation & Headers */
    --nav-bg: var(--indigo-blue);
    --nav-text: var(--natural-white);
    --header-text: var(--forest-green);
    
    /* Borders & Dividers */
    --border-color: #E2D5B9;  /* Lighter Hemp Beige */
    --divider-color: #DFD3BA;  /* Even Lighter Hemp Beige */
    
    /* Status Colors */
    --success: var(--forest-green);
    --error: var(--clay-red);
    --warning: #C7924A;  /* Muted Earth Tone */
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(68, 68, 68, 0.1);
    --shadow-md: 0 4px 6px rgba(68, 68, 68, 0.1);
    --shadow-lg: 0 10px 15px rgba(68, 68, 68, 0.1);
}