:root {
  --gel-brand: #244D3E;
  --gel-on-brand: #FFFFFF;
  --gel-accent: #D8A96A;
  --gel-on-accent: #29251E;
  --gel-background: #FAF8F2;
  --gel-surface: #FFFFFF;
  --gel-text: #263A31;
  --gel-muted: #59675F;
  --gel-border: #7B877F;
  --gel-focus: #795021;
  --gel-danger: #A12B28;
  --gel-font-heading: Georgia, "Times New Roman", serif;
  --gel-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --gel-radius: 12px;
  --gel-gap: 1.5rem;
  --color-page: var(--gel-background);
  --color-panel: var(--gel-surface);
  --color-ink: var(--gel-text);
  --color-subtle: var(--gel-muted);
  --color-action: var(--gel-brand);
  --color-on-action: var(--gel-on-brand);
  --color-highlight: var(--gel-accent);
  --color-on-highlight: var(--gel-on-accent);
  --color-rule: var(--gel-border);
  --color-focus: var(--gel-focus);
  --color-error: var(--gel-danger);
  --button-bg: var(--color-action);
  --button-fg: var(--color-on-action);
  --card-radius: var(--gel-radius);
  --card-gap: var(--gel-gap);
  --field-border: var(--color-rule);
  --page-max: 1240px;
}
:root { --inverse-logo: url("/assets/squirrel-mark-inverse.svg"); }