:root {
  --navy: #082c61;
  --blue: #075c9e;
  --yellow: #ffd127;
  --ice: #eaf5fb;
  --white: #ffffff;

  --text-muted: #597993;
  --text-body: #5c7a94;
  --border-soft: #d7ebf7;
  --tile-bg: #fbfdff;
  --hint-bg: #d9effb;

  --gap: 12px;
  --photo-h: 225px;
  --card-pad: 18px;
  --space-img-title: 15px;
  --space-title-desc: 7px;
  --space-desc-tiles: 18px;
  --space-tiles-btn: 14px;
  --tile-min-h: 88px;
  --tile-gap: 7px;
  --btn-min-h: 42px;
  --round: 18px;
  --site-max: 1110px;
  --shadow-card: 0 6px 22px rgba(8, 44, 97, 0.07);
  --shadow-soft: 0 4px 14px rgba(8, 44, 97, 0.04);
  --transition: 0.2s ease;
  --icon-bg: #e1f1fc;
}