:root, .light {
  /* 🎨 Цветовая палитра */
  --body-color: #fdfdfd;
  --text-color: #505050;
  --text-color--pale: rgba(80,80,80,.6);
  --link-color: #7C9C79;
  --link-color2: #c68e83;
  --border-color: #dad5d4;
  --shadow-color: rgba(0,0,0,.04);

  /* 🧩 Интерфейс */
  --pun-container-color: #EDECEB;
  --pun-box-color: #EDECEB;
  --button-color: #434343;
  --button-text-color: #cccecd;
  --hover-color: #c9d3cb;
  --hover-color--opacity: rgba(129,169,137,.25);
  --hover-text-color: #5a7760;

  /* ✨ Дополнительные цвета */
  --extra-color1: #beccc3;
  --extra-color2: #a5bdab;
  --avatar-color: #98c1a3;
  --select-color: #e0dad7;
  --select-text-color: #88817f;
  --textarea-color: rgba(255, 255, 255, .65);
  --scrollbar-color: #7a877c;
  --scrollbar-thumb-color: #a7baad;

  /* 🖼️ Фоны */
  --body-img: url(...);
  --header-img: url(...);
  --footer-img: url(...);
  --profile-img: url(...);
  --box-img: url(...);
  --go-up-img: url(...);
  --go-down-img: url(...);
  --category1-img: url(...);
  --category2-img: url(...);
  ...

  /* 🖋️ Шрифты */
  --font-main: "Inter", sans-serif;
  --font-accent: "Playfair Display", serif;
  --font-ui: "Roboto", sans-serif;
  --font-size-base: 16px;
  --font-size-small: 14px;
  --font-size-large: 20px;

  /* 📛 Тема */
  --theme-name: "Cream Moss";
  --theme-author: "Alina";
  --theme-version: "1.0";
}