{% extends "base.html" %}
{% block title %}{{ title }} | CalMiner{% endblock %}

{% block content %}
  <div class="page-header">
    <div>
      <h1>{{ title }}</h1>
      <p class="page-subtitle">Customize the visual appearance of the application.</p>
    </div>
  </div>

  <div class="settings-grid">
    <div class="settings-card">
      <h2>Color Theme</h2>
      <p>Select your preferred color scheme.</p>
      <p class="settings-card-note">Theme customization coming soon</p>
    </div>

    <div class="settings-card">
      <h2>Layout Options</h2>
      <p>Configure sidebar and navigation preferences.</p>
      <p class="settings-card-note">Layout options coming soon</p>
    </div>

    <div class="settings-card">
      <h2>Accessibility</h2>
      <p>Adjust settings for better accessibility.</p>
      <p class="settings-card-note">Accessibility settings coming soon</p>
    </div>
  </div>
{% endblock %}