/* ==========================================================================
   devGhostUa · design tokens (single source of truth)
   Брендбук «Ірокез · Індиго» v1.0. Змінюй кольори ТІЛЬКИ тут.
   Дзеркало для дизайн-інструментів: /media/tokens/tokens.json
   ========================================================================== */

/* ---- Шрифти (self-hosted, OFL; latin + cyrillic) ---- */
@font-face{font-family:"Nunito";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/nunito-cyrillic-400-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Nunito";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/nunito-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/nunito-cyrillic-600-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Nunito";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/nunito-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/nunito-cyrillic-700-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Nunito";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/nunito-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/nunito-cyrillic-800-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Nunito";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/nunito-latin-800-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/nunito-cyrillic-900-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Nunito";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/nunito-latin-900-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/jetbrains-mono-cyrillic-400-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/jetbrains-mono-cyrillic-600-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/jetbrains-mono-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* cyrillic-ext: ₴ (U+20B4) та розширена кирилиця */
@font-face{font-family:"Nunito";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/nunito-cyrillic-ext-400-normal.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Nunito";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/nunito-cyrillic-ext-600-normal.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Nunito";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/nunito-cyrillic-ext-700-normal.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Nunito";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/nunito-cyrillic-ext-800-normal.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Nunito";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/nunito-cyrillic-ext-900-normal.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}

:root{
  /* ---- Колір: основа ---- */
  --dg-indigo:#101C30;      /* Індиго — основний фон */
  --dg-surface:#16233A;     /* Поверхня — картки, плитки */
  --dg-denim:#23395E;       /* Денім — акцентні поверхні, аватари */
  --dg-line:#2A3B5C;        /* Лінія — рамки, роздільники */
  --dg-deep:#0B1424;        /* Глибина — код, термінал, футер */
  --dg-ink:#0E1A2B;         /* Контур — обведення, текст на світлому/помаранчевому */
  --dg-cotton:#F2F4F8;      /* Бавовна — тіло привида, текст на темному */
  --dg-white:#FFFFFF;

  /* ---- Колір: текст ---- */
  --dg-text:#F2F4F8;
  --dg-text-2:#D3DAE7;      /* лід, другорядний на темному */
  --dg-muted:#A3B0C6;       /* Туман — підписи, мітки */
  --dg-faint:#6F7E98;       /* плейсхолдери, вимкнене */
  --dg-ghost:#4A5B7A;       /* декоративні номери рядків */
  --dg-text-on-light:#0E1A2B;
  --dg-muted-on-light:#3A4A66;
  --dg-faint-on-light:#5B6B85;

  /* ---- Колір: акцент «Сигнал» ---- */
  --dg-signal:#FF6A13;      /* ірокез, «Ua», головні кнопки. Текст на ньому — ТІЛЬКИ --dg-ink */
  --dg-signal-hi:#FF8A45;   /* помаранчеві мітки/моно-текст на темному, hover */
  --dg-signal-dark:#E2560A; /* помаранчевий на СВІТЛОМУ фоні (≥24px або жирний) */
  --dg-signal-tint:rgba(255,106,19,.14);
  --dg-blush:rgba(255,106,19,.55);

  /* ---- Колір: семантика (лише для станів, не для декору) ---- */
  --dg-ok:#7EE0A1;   --dg-ok-tint:rgba(126,224,161,.14);
  --dg-info:#7FB2FF; --dg-info-tint:rgba(127,178,255,.14);
  --dg-warn:#FFB020; --dg-warn-tint:rgba(255,176,32,.12);
  --dg-danger:#E5484D; --dg-danger-hi:#FF8A8E; --dg-danger-tint:rgba(229,72,77,.12);

  /* ---- Світлі поверхні (Excel-лабораторія, документи, вікна форм) ---- */
  --dg-paper:#FFFFFF;
  --dg-paper-2:#E8ECF2;
  --dg-paper-line:#C9D1DE;
  --dg-paper-line-2:#D5DBE5;

  /* ---- Типографіка ---- */
  --dg-font:"Nunito","Segoe UI",system-ui,sans-serif;
  --dg-mono:"JetBrains Mono",ui-monospace,"Cascadia Code",Consolas,monospace;
  --dg-fs-h1:clamp(52px,7.4vw,108px);
  --dg-fs-h2:clamp(36px,4.6vw,64px);
  --dg-fs-h3:clamp(24px,2.6vw,32px);
  --dg-fs-lead:clamp(18px,1.6vw,22px);
  --dg-fs-body:18px;
  --dg-fs-small:14px;
  --dg-fs-label:13px;

  /* ---- Простір і форма (крок 8px) ---- */
  --dg-s1:4px; --dg-s2:8px; --dg-s3:12px; --dg-s4:16px; --dg-s5:24px; --dg-s6:32px; --dg-s7:48px; --dg-s8:64px; --dg-s9:96px;
  --dg-r-s:8px; --dg-r-m:14px; --dg-r-l:20px; --dg-r-xl:28px; --dg-r-2xl:36px; --dg-r-pill:99px;
  --dg-wrap:1200px; --dg-gutter:24px;
  --dg-sec-y:clamp(64px,9vw,110px);

  /* ---- Тіні-«підкладки» (фірмовий прийом: зсунута плашка, не розмита тінь) ---- */
  --dg-lift:0 6px 0 var(--dg-signal);
  --dg-lift-ink:0 4px 0 var(--dg-ink);

  /* ---- Рух ---- */
  --dg-ease:cubic-bezier(.2,.8,.2,1);
  --dg-t-fast:.15s; --dg-t:.25s;

  color-scheme:dark;
}