/* ПАЛІТРА ORNIS
 * Щоб змінити акцент сайту, відредагуйте лише --accent та оновіть сторінку.
 * Відтінки кнопок, підкладок, рамок і тексту розраховуються автоматично.
 * Контраст тексту на акцентному фоні визначається у script.js.
 */
:root {
  --accent: #c5f23c;
  /* Alternative accents: #d6ff3f, #f97316, #14b8a6, #10b981. */

  --ink: #111210;
  --paper: #f6f6f2;
  --white: #ffffff;
  --muted: color-mix(in srgb, var(--ink) 62%, var(--paper));
  --line: color-mix(in srgb, var(--ink) 13%, var(--paper));
  --line-dark: color-mix(in srgb, var(--accent) 7%, #303030);
  --accent-hover: color-mix(in srgb, var(--accent) 78%, var(--white));
  --accent-strong: color-mix(in srgb, var(--accent) 45%, var(--ink));
  --accent-soft: color-mix(in srgb, var(--accent) 15%, var(--paper));
  --surface: color-mix(in srgb, var(--accent) 4%, #ededeb);
  --surface-strong: color-mix(in srgb, var(--accent) 7%, #e7e7e4);
  --border-accent: color-mix(in srgb, var(--accent) 12%, #bdbdb8);
  --text-on-dark: color-mix(in srgb, var(--accent) 7%, #b5b5b0);
  --muted-on-dark: color-mix(in srgb, var(--accent) 8%, #95958f);
  --hero-glow: color-mix(in srgb, var(--accent) 14%, var(--ink));
  --on-accent: #111210;
  --on-accent-hover: #111210;
  --gutter: clamp(22px, 4.2vw, 80px);
}