<!doctype html>
<html class="scroll-smooth" lang="{{ site:short_locale }}">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        {{ seo_pro:meta }}
        {{ vite src="resources/js/app.js|resources/css/app.css" }}
        <script src="/vendor/statamic/frontend/js/helpers.js"></script>

        <style>
            :root {
                --colors-white: {{ theme:colors:white | hex_to_rgb | replace(',', '') }};
                --colors-black: {{ theme:colors:black | hex_to_rgb | replace(',', '') }};

                --colors-primary-extralight: {{ theme:colors:primary:extralight | hex_to_rgb | replace(',', '') }};
                --colors-primary-light: {{ theme:colors:primary:light | hex_to_rgb | replace(',', '') }};
                --colors-primary-normal: {{ theme:colors:primary:normal | hex_to_rgb | replace(',', '') }};
                --colors-primary-dark: {{ theme:colors:primary:dark | hex_to_rgb | replace(',', '') }};
                --colors-primary-extradark: {{ theme:colors:primary:extradark | hex_to_rgb | replace(',', '') }};

                --colors-secondary-extralight: {{ theme:colors:secondary:extralight | hex_to_rgb | replace(',', '') }};
                --colors-secondary-light: {{ theme:colors:secondary:light | hex_to_rgb | replace(',', '') }};
                --colors-secondary-normal: {{ theme:colors:secondary:normal | hex_to_rgb | replace(',', '') }};
                --colors-secondary-dark: {{ theme:colors:secondary:dark | hex_to_rgb | replace(',', '') }};
                --colors-secondary-extradark: {{ theme:colors:secondary:extradark | hex_to_rgb | replace(',', '') }};

                --colors-tertiary-extralight: {{ theme:colors:tertiary:extralight | hex_to_rgb | replace(',', '') }};
                --colors-tertiary-light: {{ theme:colors:tertiary:light | hex_to_rgb | replace(',', '') }};
                --colors-tertiary-normal: {{ theme:colors:tertiary:normal | hex_to_rgb | replace(',', '') }};
                --colors-tertiary-dark: {{ theme:colors:tertiary:dark | hex_to_rgb | replace(',', '') }};
                --colors-tertiary-extradark: {{ theme:colors:tertiary:extradark | hex_to_rgb | replace(',', '') }};

                --colors-quaternary-extralight: {{ theme:colors:quaternary:extralight | hex_to_rgb | replace(',', '') }};
                --colors-quaternary-light: {{ theme:colors:quaternary:light | hex_to_rgb | replace(',', '') }};
                --colors-quaternary-normal: {{ theme:colors:quaternary:normal | hex_to_rgb | replace(',', '') }};
                --colors-quaternary-dark: {{ theme:colors:quaternary:dark | hex_to_rgb | replace(',', '') }};
                --colors-quaternary-extradark: {{ theme:colors:quaternary:extradark | hex_to_rgb | replace(',', '') }};
            }
        </style>
    </head>
    <body class="{{ [
        'font-body',
        'text-lg',
        'antialiased'
        theme:bg:color,
        theme:text:color,
        ] | classes }}">
        {{ partial:components/organisms/global/header }}
        {{ template_content }}
        {{ partial:components/organisms/global/footer }}
    </body>
</html>
