/* Quickmouse approved visual system, 6 September 2026. New assets use this version; frozen client deliverables retain their own styles. */
:root {
  --qm-ink: #111b2a;
  --qm-navy: #091529;
  --qm-navy-hover: #071225;
  --qm-canvas: #f7f7f3;
  --qm-paper: #ffffff;
  --qm-body: #414a56;
  --qm-muted: #5b6572;
  --qm-line: #e0e3e4;
  --qm-line-strong: #ccd1d4;
  --qm-surface-muted: #f5f5f2;
  --qm-focus: #314665;
  --qm-font-display: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --qm-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --qm-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --qm-radius-sm: 4px;
  --qm-radius-image: 4px;
  --qm-radius-action: 4px;
  --qm-radius-console: 10px;
  --qm-line-width: 1px;
  --qm-width: 74rem;
  --qm-width-wide: 91rem;
  --qm-duration: 180ms;
  --qm-ease: cubic-bezier(.2,.7,.2,1);
  --qm-shadow: 0 6px 24px #111b2a08;
  --qm-shadow-action: 0 6px 12px #111b2a15;
  --qm-space-1: .25rem;
  --qm-space-2: .5rem;
  --qm-space-3: .75rem;
  --qm-space-4: 1rem;
  --qm-space-6: 1.5rem;
  --qm-space-8: 2rem;
  --qm-space-12: 3rem;
  --qm-space-16: 4rem;
  --qm-space-24: 6rem;
  --qm-sky: var(--qm-surface-muted);
  --qm-sky-strong: var(--qm-navy);
  --qm-sky-ink: var(--qm-navy);
  --qm-sand: var(--qm-surface-muted);
  --qm-coral: var(--qm-navy);
  --qm-coral-ink: var(--qm-navy);
  --qm-secondary: var(--qm-body);
  --qm-success-ink: var(--qm-navy);
  --bg:var(--qm-canvas);--surface:var(--qm-paper);--surface-muted:var(--qm-surface-muted);
  --text:var(--qm-ink);--text-body:var(--qm-body);--text-muted:var(--qm-muted);--border:var(--qm-line);
  --accent:var(--qm-navy);--accent-dark:var(--qm-navy-hover);--accent-soft:var(--qm-surface-muted);
  --decision-clay:var(--qm-navy);--decision-clay-dark:var(--qm-navy);--font-display:var(--qm-font-display);--font-body:var(--qm-font-body);
}