/* ==========================================================
   BitStat — ЄДИНЕ ДЖЕРЕЛО ПРАВДИ
   ----------------------------------------------------------
   Згенеровано автоматично. Правити тут — і ніде більше.
   Псевдоніми, позначені «→», тримають дубльовані значення.
   Розкоментувати злиття = звести дубль до канонічного токена.
   ========================================================== */

[data-site-refresh-content] {

  /* --- Поверхні --- — фони сторінки й карток */
  --surface-base:          #09090b;  /* фон сторінки */
  --surface-base-alt:      #0a0a0a;  /* → --surface-base, той самий чорний, інша нотація */
  --surface-black:         #080808;  /* → --surface-base, ще темніший чорний */
  --surface-tint:          #080c0a;  /* → --surface-base, чорний із зеленим підтоном */
  --surface-raised:        #111113;  /* секція-підкладка */
  --surface-raised-alt:    #101010;  /* → --surface-raised, дубль */
  --surface-raised-alt2:   #101011;  /* → --surface-raised, дубль */
  --surface-raised-alt3:   #111111;  /* → --surface-raised, дубль */
  --surface-card:          #18181b;  /* картка */
  --surface-card-alt:      #1a1a1f;  /* → --surface-card, дубль */
  --surface-card-alt2:     #1f2225;  /* → --surface-card, дубль, ужито 9 разів */
  --surface-card-hover:    #222228;  /* картка під курсором */

  /* --- Рамки --- — суцільні та прозорі */
  --border:                #27272a;  /* основна межа */
  --border-light:          #333338;  /* світліша межа */
  --border-gray:           #333333;  /* → --border-light, дубль із чистої сірої шкали */
  --border-a05:            rgba(255,255,255,.05);  /* → --border-a08, майже невидима */
  --border-a08:            rgba(255,255,255,.08);  /* ледь помітна */
  --border-a09:            rgba(255,255,255,.09);  /* → --border-a08, дубль */
  --border-a10:            rgba(255,255,255,.10);  /* → --border-a08, дубль */
  --border-a12:            rgba(255,255,255,.12);  /* → --border-a08, дубль */

  /* --- Текст --- — три рівні + чиста сіра шкала, що дублює їх */
  --text-primary:          #fafafa;  /* заголовки */
  --text-on-accent:        #ffffff;  /* текст на кольоровому тлі */
  --text-secondary:        #a1a1aa;  /* основний текст */
  --text-secondary-alt:    #a0a0a0;  /* → --text-secondary, дубль */
  --text-muted:            #71717a;  /* підписи */
  --text-muted-alt:        #666666;  /* → --text-muted, дубль, ужито 8 разів */
  --gray-cc:               #cccccc;  /* → --text-secondary, паралельна сіра шкала */
  --gray-aa:               #aaaaaa;  /* → --text-secondary, паралельна сіра шкала */
  --gray-88:               #888888;  /* → --text-muted, паралельна сіра шкала */
  --gray-55:               #555555;  /* → --text-muted, паралельна сіра шкала */
  --gray-44:               #444444;  /* → --border-light, паралельна сіра шкала */
  --gray-22:               #222222;  /* → --surface-card, паралельна сіра шкала */

  /* --- Акцент --- — одинадцять зелених на одній сторінці */
  --accent:                #2d694c;  /* бренд */
  --accent-deep:           #245a3f;  /* темний край градієнта */
  --accent-mid:            #3a8a63;  /* світлий край градієнта */
  --accent-bright:         #3cd97a;  /* підсвітка, живі дані */
  --accent-stray:          #2ecc71;  /* → --accent-bright, з неоголошеної --accent-green */
  --accent-neon:           #00ff41;  /* → --accent-bright, неоновий, випадає з палітри */
  --accent-pale:           #9fe4c0;  /* світла заливка */
  --accent-pale2:          #a9dfc6;  /* → --accent-pale, дубль */

  /* --- Статуси --- — прибуток, збиток, попередження */
  --status-positive:       #2c8056;  /* прибуток */
  --status-positive-alt:   #2f8058;  /* → --status-positive, відрізняється на 3 цифри */
  --status-negative:       #a74846;  /* збиток */
  --status-negative-alt:   #ff4757;  /* → --status-negative, яскравіший дубль */
  --status-warning:        #f59e0b;  /* попередження */
  --status-info:           #3b82f6;  /* інформація */
  --status-info-alt:       #2563eb;  /* → --status-info, дубль */

  /* --- Декоративні --- — вживаються поодиноко */
  --accent-purple:         #a855f7;
  --accent-teal:           #14b8a6;
  --accent-rose:           #f43f5e;
  --tint-blue:             #b8c9e8;
  --tint-amber:            #e5c98c;
  --tint-rose:             #e8a2ae;

  /* --- Радіуси --- дев'ять значень, з них 14/15/16 нерозрізнимі */
  --r-8:                   8px;
  --r-10:                  10px;  /* → --r-12 */
  --r-12:                  12px;
  --r-14:                  14px;  /* → --r-16 */
  --r-15:                  15px;  /* → --r-16 */
  --r-16:                  16px;
  --r-20:                  20px;  /* → --r-24 */
  --r-24:                  24px;
  --r-full:                100px;
  --r-circle:              50%;

  /* --- Кеглі --- дрейф 11/13/15/17 підганявся на око */
  --fs-11:                 11px;  /* → --fs-12 */
  --fs-12:                 12px;
  --fs-13:                 13px;  /* → --fs-14 */
  --fs-14:                 14px;
  --fs-15:                 15px;  /* → --fs-16 */
  --fs-16:                 16px;
  --fs-17:                 17px;  /* → --fs-18 */
  --fs-18:                 18px;
  --fs-20:                 20px;
  --fs-24:                 24px;
  --fs-32:                 32px;
  --fs-40:                 40px;
  --fs-48:                 48px;
  --fs-72:                 72px;

  /* --- Відступи --- шкала 4px; раніше в проєкті була відсутня */
  --sp-1:                  4px;
  --sp-2:                  8px;
  --sp-3:                  12px;
  --sp-4:                  16px;
  --sp-5:                  20px;
  --sp-6:                  24px;
  --sp-7:                  28px;
  --sp-8:                  32px;
  --sp-10:                 40px;
  --sp-12:                 48px;
  --sp-14:                 56px;
  --sp-15:                 60px;
  --sp-16:                 64px;
  --sp-20:                 80px;
  --sp-25:                 100px;
  --sp-30:                 120px;

  /* --- Каркас --- */
  --container:            1120px;
  --nav-height:           72px;
  --font-sans:            Inter, -apple-system, system-ui, sans-serif;
}