:root {
    /* Brand Colors */
    --color-primary: #3795fc;
    --color-primary-hover: #2a84e6;
    --color-secondary: #00d084;
    --color-accent-dark: #2b2f38;
    
    /* Backgrounds */
    --color-bg-page: #ffffff;
    --color-bg-soft: #eeebff;
    --color-bg-dark: #0a0b0f;
    
    /* Typography */
    --color-heading: #0a0b0f;
    --color-text: #5f636e;
    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
    
    /* Spacing & Radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --header-height: 80px;
    
    /* Blesta Overrides (Mapping variables to Blesta's existing structure where needed) */
    --theme-link-color: var(--color-primary);
}

/* Hostra Wrapper - Applied to Body */
body.hostra-theme {
    font-family: var(--font-primary);
    color: var(--color-text);
    background-color: var(--color-bg-page);
}

/* Semantic Helper */
h1, h2, h3, h4, h5, h6 { color: var(--color-heading); font-weight: 700; }
a { color: var(--color-primary); text-decoration: none; }
a:hover { color: var(--color-primary-hover); }