{% extends "_base.html" %}
{% load static %}

{% comment %}
    RosterChief's own skin: the platform control panel, Django-admin-adjacent pages,
    and every auth screen served on the base domain.
{% endcomment %}

{% block title %}
    {% block head_title %}{% endblock head_title %} · RosterChief
{% endblock title %}

{% block extra %}
    {% comment %}
        Named after the logo's own ink, not the theme it is used on: the white logo goes
        on dark backgrounds and vice versa. They live here rather than in app.css because
        only Django knows the {% static %} URL.
    {% endcomment %}
    <style>
        :root {
            --logo-light: url("{% static 'images/rosterchief-white.svg' %}");
            --logo-dark: url("{% static 'images/rosterchief-dark.svg' %}");
        }
    </style>
{% endblock extra %}

{% block brand %}
    <a class="flex min-w-0 flex-row items-center gap-2" href="/">
        <span class="logo inline-block h-10 w-10 shrink-0 sm:h-16 sm:w-16" role="img" aria-label="RosterChief"></span>
        <div class="flex min-w-0 flex-col gap-1">
            <div class="truncate font-roboto text-lg font-bold tracking-wider sm:text-2xl">Roster<span class="text-sky-500">Chief</span></div>
            <div class="hidden truncate font-mono text-xs font-semibold text-base-content/50 sm:block">Club &amp; Team Management</div>
        </div>
    </a>
{% endblock brand %}
