:root {
    /* Generated from template config */

    /* Colors */
    --color-primary: #1b263b;
    --color-secondary: #1b263b;
    --color-accent: #e07a5f;
    --color-bg: #f8f9fa;
    --color-text: #f8f9fa;

    /* Typography */
    --font_body: Roboto, sans-serif;
    --font_heading: Roboto, sans-serif;
    --base_size: 16px;
    --line_height: 1.8;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;

    /* Container Widths */
    --container-xl: 1200px;
    --container-border: ;
    --container-border_color: #ffffff;
    --container-border_radius: 12px;

    /* Header */
    --header-bg-color: #1b263b;
    --header-link-color: #f8f9fa;
    --header-link-hover-color: #e07a5f;

    /* Footer */
    --footer-bg-color: #1b263b;
    --footer-text-color: #f8f9fa;
    --footer-link-color: #f8f9fa;
    --footer-link-hover-color: #e07a5f;

}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: var(--container-xl);
    }
}

.container {
    border-color: var(--container-border_color);
    border-radius: var(--container-border_radius);
}