/* Shared visual settings. Loaded before components; see DESIGN.md.
   Historic aliases keep existing templates compatible with the same palette. */
:root {
  --ink: #18253b;
  --muted: #506079;
  --action: #2447bb;
  --blue-hover: #1c399c;
  --paper: #eff2f7;
  --white: #fff;
  --line: #cdd5e1;
  --tint: #dce5ff;
  --soft: #eaf0fc;
  --blue: var(--action);
  --blue-soft: var(--soft);
  --yellow: var(--tint);
  --green: var(--action);
  --green-light: var(--soft);
  --font-body: Archivo, Arial, sans-serif;
  --display: var(--font-body);
  --font-size-body: 16px;
  --line-height-body: 1.55;
  --radius-control: 6px;
  --radius-dialog: 14px;
  --radius: 12px;
  --control-height: 44px;
  --elevation: none;
}