:root{
  --page-bg:#f5f6f8;
  --text-main:#343a40;
  --white:#ffffff;

  --nav-hover-bg:#55bbff;
  --telegram-bg:#0088cc;
  --tiktok-gradient:linear-gradient(45deg,#ff0050,#000000,#00f2ea);

  --radius-sm:5px;
  --radius-md:8px;
  --radius-lg:16px;
  --radius-xl:18px;
  --radius-pill:999px;

  --shadow-btn:0 4px 10px rgba(0,0,0,0.3);
  --shadow-card:
    0 10px 24px rgba(17,24,39,0.10),
    0 1px 0 rgba(255,255,255,0.75) inset,
    0 0 0 1px rgba(255,255,255,0.35);
  --shadow-card-hover:
    0 14px 30px rgba(17,24,39,0.14),
    0 1px 0 rgba(255,255,255,0.75) inset,
    0 0 0 1px rgba(255,255,255,0.45);
  --shadow-lightbox:
    0 24px 60px rgba(0,0,0,.32),
    0 0 0 1px rgba(255,255,255,.28);

  --border-card:1px solid rgba(255,255,255,0.85);
  --border-lightbox:2px solid rgba(255,255,255,0.92);

  --photo-backdrop:rgba(0,0,0,.56);
  --photo-backdrop-blur:10px;

  --grid-gap:12px;
  --content-max:1200px;

  --trans-fast:0.18s ease;
  --trans-mid:0.3s ease;
}