{% extends "base.html" %}
{% block title %}Settings · NEXXVU{% endblock %}
{% block content %}
<div class="page-heading"><div><p class="eyebrow">Account preferences</p><h1>Settings</h1><p class="muted">Choose a category to configure your operator workspace.</p></div></div>
<div class="settings-workspace">
  {% include "_settings_navigation.html" %}
  <section class="settings-main" aria-labelledby="settings-categories-title">
    <div class="section-heading"><div><h2 id="settings-categories-title">Settings categories</h2><p class="field-help">Preferences are stored for your signed-in account.</p></div></div>
    <div class="card-grid settings-category-grid">
      <a class="card card-interactive settings-category-card" href="/settings/appearance"><span class="settings-category-icon" aria-hidden="true">Aa</span><span><strong>Appearance</strong><small>Choose your theme and accent color.</small></span></a>
      <a class="card card-interactive settings-category-card" href="/settings/timezone"><span class="settings-category-icon" aria-hidden="true">◷</span><span><strong>Timezone</strong><small>Choose how dates and times appear.</small></span></a>
      <a class="card card-interactive settings-category-card" href="/settings/dashboard"><span class="settings-category-icon" aria-hidden="true">↕</span><span><strong>Dashboard Layout</strong><small>Order Operations sections and show or hide optional detail.</small></span></a>
    </div>
  </section>
</div>
{% endblock %}