/**
 * Shared brand tokens — Graphite Amber (matches the mobile app).
 * Admin UI keeps its own --admin-* palette in admin.css.
 */
:root {
    --color-hunter-green: #F5A524;
    --color-bone: #F4F4F4;
    --color-dark-green: #141414;
    --color-surface: #222222;
    --color-elevated: #1A1A1A;
    --color-muted: #A0A0A0;

    --font-display: "Segoe UI", system-ui, -apple-system, sans-serif;
    --font-body: "Segoe UI", system-ui, -apple-system, sans-serif;

    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.75rem;
    --space-lg: 3rem;
    --space-xl: 5rem;

    --max-content: 40rem;
    --focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-hunter-green) 45%, transparent);
}