/* Design tokens — warm library palette. Loaded first so chat.css can reference these. */
:root {
    --bg: #f4efe2;
    --surface: #fff9ee;
    --surface-strong: #fff6e7;
    --ink: #1a2c24;
    --muted: #5f6b61;
    --faint: #8a9c8e;
    --line: #d5c8a9;
    --sand: #ead9b8;
    --accent: #ad4f2d;
    --accent-dark: #6b2d16;
    --leaf: #45644d;
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-serif: Georgia, 'Times New Roman', serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-sans);
    background: var(--bg);
    color: var(--ink);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

header {
    background: var(--surface);
    border-bottom: 1px solid var(--line);
}

.header-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem 2rem;
}

header h1 {
    font-size: 1.5rem;
    font-family: var(--font-serif);
    color: var(--accent);
}

header p {
    font-size: 0.9rem;
    color: var(--muted);
    margin-top: 0.25rem;
}

header a {
    color: var(--accent-dark);
    text-decoration: none;
}

header a:hover {
    text-decoration: underline;
}

.header-links {
    margin-top: 0.5rem;
}

/* Language selector chrome — admin-only, shown conditionally */
.stats-bar-controls {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.lang-label {
    color: var(--muted);
    font-size: 0.85rem;
    margin-right: 0.5rem;
    font-weight: 500;
}

.lang-select {
    background: var(--surface);
    border: 1px solid var(--line);
    color: var(--ink);
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
    font-family: var(--font-sans);
}

.lang-select:focus {
    outline: none;
    border-color: var(--accent);
}