/* ═══════════════════════════════════════════════════════════════════════
   HH-AUTH-TOKENS — public/front/css/hh-auth-tokens.css

   Single responsibility: design tokens only (CSS custom properties).
   No selectors, no layout — just the shared vocabulary that
   auth-modal.css, profile-complete.css and profile.css all build on,
   so the brand palette/radius/spacing scale lives in exactly one place.

   Load this BEFORE the file that uses it (plain <link> order matters
   for readability even though custom properties resolve at compute-time
   regardless of load order, as long as both are loaded before paint).
   ═══════════════════════════════════════════════════════════════════════ */

:root {
    --hh-primary: #5e5745;
    --hh-primary-hover: #4a4335;
    --hh-ink: #1c1a16;
    --hh-muted: #948f82;
    --hh-line: #ece9e2;
    --hh-surface: #faf9f6;
    --hh-error: #a34a42;
    --hh-success: #3d7a4f;
    --hh-radius: 16px;
    --hh-radius-sm: 12px;
}