/* Общие цвета, тени и состояния публичного интерфейса. */
:root {
  --ink: #16273a;
  --muted: #5d6d82;
  --paper: #edf5f7;
  --cream: #dcebf0;
  --line: #d7e5ef;
  --green: #1f7ca8;
  --green-deep: #0f4f75;
  --clay: #d68b3f;
  --water: #b8dceb;
  --white: #ffffff;
  --shadow: 0 24px 70px rgba(17, 43, 64, 0.14);
  --message-danger-bg: #ef4444;
  --message-danger-border: #ef4444;
  --message-danger-text: #fff;
  --message-success-bg: #16a34a;
  --message-success-border: #16a34a;
  --message-success-text: #fff;
  --message-warning-bg: #f59e0b;
  --message-warning-border: #f59e0b;
  --message-warning-text: #111827;
  --message-info-bg: #2563eb;
  --message-info-border: #2563eb;
  --message-info-text: #fff;
  --button-shadow: 0 12px 24px rgba(15, 49, 72, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.24);
  --button-shadow-hover: 0 16px 32px rgba(15, 49, 72, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  --button-shadow-active: 0 7px 16px rgba(15, 49, 72, 0.2), inset 0 2px 4px rgba(8, 30, 46, 0.18);
  --surface: #f6fbfc;
  --background-wash: #e4f0f3;
  --background-mist: rgba(235, 246, 248, 0.78);
  --background-mist-strong: rgba(236, 246, 248, 0.9);
  --panel-shadow-soft: 0 18px 46px rgba(15, 49, 72, 0.12);
}