:root {
  --font-display: "Trebuchet MS", "Gill Sans", sans-serif;
  --font-body: "Georgia", "Palatino Linotype", serif;
  --radius-xl: 2rem;
  --radius-lg: 1.25rem;
  --radius-md: 0.9rem;
  --radius-sm: 0.65rem;
  --shadow-soft: 0 18px 60px rgba(8, 15, 28, 0.16);
  --shadow-deep: 0 24px 90px rgba(8, 15, 28, 0.24);
  --space-1: 0.4rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.4rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
}

body[data-city="spb"] {
  --tone-bg: #e8f5ff;
  --tone-bg-deep: #cfe5ff;
  --tone-panel: rgba(255, 255, 255, 0.84);
  --tone-panel-strong: rgba(255, 255, 255, 0.95);
  --tone-ink: #102944;
  --tone-ink-soft: #325774;
  --tone-accent: #2b8fbb;
  --tone-accent-strong: #0b6a94;
  --tone-glow: #5fd7c4;
  --tone-line: rgba(16, 41, 68, 0.14);
  --tone-status-free: #2b8fbb;
  --tone-status-watch: #d48637;
  --tone-status-separate: #7c3b5d;
}

body[data-city="msk"] {
  --tone-bg: #fff4eb;
  --tone-bg-deep: #ffe3cf;
  --tone-panel: rgba(255, 248, 242, 0.84);
  --tone-panel-strong: rgba(255, 248, 242, 0.95);
  --tone-ink: #2e1b18;
  --tone-ink-soft: #684741;
  --tone-accent: #d66539;
  --tone-accent-strong: #b94e28;
  --tone-glow: #ffb56c;
  --tone-line: rgba(46, 27, 24, 0.12);
  --tone-status-free: #d66539;
  --tone-status-watch: #b78a36;
  --tone-status-separate: #8a4358;
}