:root {
    /* These will be populated from site-config.js */
    --color-primary: #FD8F14;
    --color-secondary: #1F1F25;
    --color-light: #FFFFFF;
    
    /* Additional variables can be defined here */
    --header-font: 'Poppins', sans-serif;
    --body-font: 'Roboto', sans-serif;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    
    /* Spacing and sizes */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;
    
    /* Menu padding */
    --menu-item-padding: 19px 20px;
}

/* Apply these variables throughout the site */
.rts-btn.btn-primary {
    background-color: var(--color-primary);
}

.title span {
    color: var(--color-primary);
}

.header-nav.main-nav-one ul li a.nav-link {
    padding: var(--menu-item-padding);
}