/* Explain: Theme design tokens for colors, typography, and spacing. */
:root {
    /* Palette */
    --bg: #ECE9E3;
    --surface: #FFFFFF;
    --surface-alt: #E2DED6;
    --ink: #1A1815;
    --ink-2: #2A2620;
    --muted: #726D64;
    --line: rgba(26, 24, 21, 0.14);
    --line-strong: rgba(26, 24, 21, 0.28);
    --accent: #F26B21;
    --accent-deep: #D55615;
    --white: #FFFFFF;

    /* Semantic aliases */
    --primary-color: var(--ink);
    --primary-hover: var(--ink-2);
    --accent-color: var(--accent);
    --accent-hover: var(--accent-deep);
    --background-color: var(--bg);
    --surface-color: var(--surface);
    --text-color: var(--ink);
    --text-muted: var(--muted);
    --border-color: var(--line);

    /* Typography */
    --font-heading: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}