:root {
  --canvas: #f3f5f8;
  --surface: #ffffff;
  --surface-muted: #f7f8fa;
  --ink: #203049;
  --ink-strong: #071b3a;
  --muted: #627087;
  --muted-strong: #44536b;
  --border: #dfe4ec;
  --border-strong: #c9d1dd;
  --accent: #1258d6;
  --accent-strong: #0b47b7;
  --accent-soft: #edf4ff;
  --link: #0b4fc4;
  --link-hover: #062f78;
  --focus: #ffbf47;
  --success-ink: #17643d;
  --success-soft: #edf8f1;
  --success-border: #9bcdb0;
  --warning-ink: #76500a;
  --warning-soft: #fff8e7;
  --warning-border: #ddc279;
  --danger-ink: #992e34;
  --danger-soft: #fff0f1;
  --danger-border: #e0a7ab;
  --radius: 5px;
  --shadow: 0 8px 26px rgba(7, 27, 58, 0.055);
  --shadow-strong: 0 18px 56px rgba(7, 27, 58, 0.12);
  --font-sans: Inter, "Helvetica Neue", Arial, sans-serif;
  --font-display: Inter, "Helvetica Neue", Arial, sans-serif;
}