/* Authoritative resolved values. Surface variants are intentional, not synonyms.
   Kept outside Tailwind layers and on :root so Radix portals inherit them. */
:root {
  --hk-form-ink: #213d30;
  --hk-form-muted: #626f66;
  --hk-form-background: #f5f4ef;
  --hk-form-panel: #fffefa;
  --hk-form-border: #ddddd8;
  --hk-form-accent: #315a42;
  /* Ordinary wells/actions are neutral. Soft green is opt-in for small accents only. */
  --hk-form-soft: #f0f0ed;
  --hk-accent-soft: #e8eee3;
  --hk-form-input-border: #bdbeb8;
  --hk-form-focus: #c08c49;
  --hk-form-error: #823a24;
  --hk-warning: #f5e6c5;
  --hk-warning-border: #dec59b;
  --hk-review-background: #fffaf0;
  --hk-nav-ink: #183a32;
  --hk-workspace-background: #f3efe5;
  --hk-header-muted: #f3efe5cc;
  --hk-header-gold: #e2bf89;
  --hk-header-avatar-border: #e2bf8990;
  --hk-header-avatar-background: #e2bf891a;
  --hk-header-avatar-hover: #e2bf8930;
  --hk-header-avatar-text: #edcb98;
  --hk-nav-surface: #f8f4e9;
  --hk-tab-surface: #fbf8ef;
  --hk-tab-border: #d9d0bd;
  --hk-tab-text: #40554a;
  --hk-tab-muted: #657267;
  --hk-tab-current: #bd9258;
  --hk-nav-text: #28463a;
  --hk-nav-accent: #ede6d9;
  --hk-nav-border: #ded6c7;
  --hk-nav-focus: #d9b47d;
  --hk-nav-gold: #a07b4e;
  --hk-nav-current: #76532e;
  --hk-sheet-border: #ddd2bf;
  --hk-sheet-handle: #c9c0ae;
  --hk-sheet-close-border: #d8cfbd;
  --hk-sheet-close-text: #365044;
  --hk-signout-text: #754432;
  /* Barn/horse "photo" surfaces: a deliberate feature palette. */
  --hk-photo-ink: #20392f;
  --hk-photo-muted: #68756b;
  --hk-photo-paper: #f4f2e9;
  --hk-photo-card: #fffdf7;
  --hk-photo-line: #e3e3d8;
  --hk-photo-green: #355d49;
  --hk-photo-green-dark: #264837;
  --hk-photo-gold: #ae8150;
  --hk-photo-danger: #922e2e;
  --hk-font-body: system-ui, sans-serif;
  --hk-font-heading: Georgia, serif;
  --hk-font-navigation: "DM Sans", sans-serif;
  --hk-radius-button: 8px;
  --hk-radius-input: 7px;
  --hk-radius-card: 12px;
  --hk-space-unit: 0.25rem;
  --hk-space-card: 24px;
  --hk-space-fields: 16px;
  /* Compatibility aliases used by the React port of the legacy forms. */
  --ink: var(--hk-form-ink);
  --muted: var(--hk-form-muted);
  --bg: var(--hk-form-background);
  --panel: var(--hk-form-panel);
  --line: var(--hk-form-border);
  --accent: var(--hk-form-accent);
  --soft: var(--hk-form-soft);
}