<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{% block title %}Witcher RPG{% endblock %}</title>
  {% load static %}
  <!-- Google Fonts for Cinzel and Inter -->
  <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Inter:wght@400;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="{% static 'css/custom.css' %}?v=1.0">
  {% block head %}{% endblock %}
</head>

<body style="background-color: #0F1310; color: #E0E0E0; font-family: 'Inter', sans-serif; margin: 0; padding: 0;">
  
  <header style="padding: 20px; border-bottom: 2px solid #333;">
    <h1 style="font-family: 'Cinzel', serif; color: #B68D4C; margin: 0;">Witcher RPG</h1>
    <nav>
        <a href="{% url 'core:home' %}" style="color: #D4B26A; margin-right: 15px;">Home</a>
        <a href="{% url 'core:current_scene' %}" style="color: #D4B26A; margin-right: 15px;">Play</a>
    </nav>
  </header>

  <main style="padding: 20px;">
    {% block content %}{% endblock %}
  </main>

  <footer style="padding: 20px; text-align: center; color: #88938C; font-size: 0.8em; margin-top: 50px;">
    &copy; 2026 Dark Fantasy RPG Engine
  </footer>

</body>

</html>