{%- set mode = theme.color_mode|default('light') -%}
<!DOCTYPE html>
<html lang="{{ site.language|default('en') }}" data-mode="{{ mode }}" data-mode-default="{{ mode }}"{% if theme.mode_switch %} data-mode-switch{% endif %} data-header="{{ theme.header_style|default('sticky') }}" data-nav="{{ theme.nav_style|default('pills') }}" data-card-hover="{{ theme.card_hover|default('zoom') }}" data-card-lines="{{ theme.card_title_lines|default('1') }}" data-template="{{ page.template }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    {% include '@theme/partials/head/mode.twig' %}
    {{ seo.html|raw }}
    {% if site.favicon %}<link rel="icon" href="{{ site.favicon }}"><link rel="apple-touch-icon" href="{{ site.touch_icon }}">{% elseif site.favicon_auto %}<link rel="icon" href="{{ site.favicon_auto }}" type="image/svg+xml">{% endif %}
    {% include '@theme/partials/head/fonts.twig' %}
    {% for href in assets.css %}<link rel="stylesheet" href="{{ href }}">
    {% endfor %}
    {% include '@theme/partials/head/vars.twig' %}
    {% for src in assets.js %}<script src="{{ src }}" defer></script>
    {% endfor %}
    {% block head %}{% endblock %}
    {{ site.head_code|raw }}
</head>
<body>
    {% block header %}
    <a class="bk-skip" href="#main">{{ t('Skip to content') }}</a>
    {% include '@theme/partials/header.twig' %}
    {% endblock %}
    <main id="main" class="bk-main" tabindex="-1">
        {% block content %}{% endblock %}
    </main>
    {% block footer %}{% include '@theme/partials/footer.twig' %}{% endblock %}
    {{ site.body_code|raw }}
</body>
</html>
