:root {
  --accent-color: #7aa8c8;
  --accent-soft: rgba(122, 168, 200, 0.16);
  --bg-start: #f8f4ef;
  --bg-end: #e7edf2;
  --text-color: #27303a;
  --text-soft: #687482;
  --surface-glass: rgba(255, 255, 255, 0.64);
  --surface-border: rgba(122, 168, 200, 0.2);
  --shadow-soft: 0 14px 38px rgba(26, 36, 48, 0.08);
  --radius-lg: 28px;
  --radius-md: 20px;
  --radius-sm: 999px;
  --space-xs: 0.45rem;
  --space-s: 0.9rem;
  --space-m: 1.8rem;
  --space-l: 3.8rem;
  --space-xl: 6rem;
  --content-width: 1280px;
  --exif-glass: rgba(255,255,255,0.76);
  --exif-text: #1b2330;
  --focus-duration: 240ms;
  --focus-ease: cubic-bezier(.22,.61,.36,1);
}