/* Shared visual values. Bootstrap's theme reads these colours at build time.
   Controls/records: client/ui.scss. Header: header.css. Page layouts: other sheets. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/inter-latin-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('/fonts/source-serif-4-latin-variable.woff2') format('woff2');
}
:root {
  --color-primary: #234d40;
  --color-primary-hover: #17362c;
  --color-paper: #f8f7f2;
  --color-surface: #ffffff;
  --color-soft: #e8eee4;
  --color-row-hover: #f3f6ef;
  --color-ink: #1f2e27;
  --color-muted: #5e6b63;
  --color-border: #dfe3da;
  --color-control-border: #9ca89f;
  --color-placeholder: #7c8880;
  --color-focus: #234d40;
  --color-important-surface: #f5e8cc;
  --color-important-text: #7a5214;
  --color-error: #a3342a;
  --font-body: 'Inter', 'Segoe UI', Arial, sans-serif;
  --font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --text-caption: 0.8125rem;
  --text-label: 0.875rem;
  --text-body: 1rem;
  --radius-control: 6px;
  --radius-panel: 8px;
  --space-field: 18px;
  --space-panel: 24px;
  --control-height: 44px;

  /* Compatibility aliases while each component is migrated. */
  --green: var(--color-primary);
  --green-dark: var(--color-primary-hover);
  --bg: var(--color-paper);
  --ink: var(--color-ink);
  --muted: var(--color-muted);
  --border: var(--color-border);
  --serif: var(--font-display);
}