:root {
    /* Primary Colors — change primary to your orange */
    --primary-color: #FF7A00;
    --primary-dark: #E65C00;
    --primary-light: #FFA500;
    
    /* Background Colors */
    --bg-body: #f5f8fa;
    --bg-navbar: #ffffff;
    --bg-hover: #f1f3f8;
    
    /* Text Colors */
    --text-primary: #181c32;
    --text-secondary: #5e6278;
    --text-muted: #7e8299;
    
    /* Border Colors */
    --border-color: #F0B88A;
    
    /* Shadow Colors */
    --shadow-sm: rgba(0, 0, 0, 0.05);
    --shadow-md: rgba(0, 0, 0, 0.1);
    --shadow-primary: rgba(255, 122, 0, 0.4);

    --navbar_height:84px;
}