/* =====================================================================
   Companies — токени каталогу й пошуку (company-overview, company-search-result,
   попапи). Підключає _Layout.cshtml на кожній сторінці, ПІСЛЯ токенів
   дизайн-системи (company-details/tokens.generated.css).

   ── Як влаштовано ──────────────────────────────────────────────────────
   Кольори тут — не власні значення, а посилання на палітру ДС
   (var(--color-…)): один колір має одне джерело. Імена, які вже є в ДС
   (--text-default, --icon-subtle, --text-hover …), тут не дублюються —
   їх дає tokens.generated.css.
   Власні значення лишились лише в того, чого в ДС немає (окремі відтінки,
   тіні, відступи, радіуси, ширини контейнера).
   ===================================================================== */
:root {
    /* Шрифт ДС для сайту. У tokens.generated.css бренд Liga360 має 'Lato',
       але Lato на сайті не підключається — текст із класами .liga-typo-*
       падав на системний шрифт, а заголовки поруч були в Inter. Сайт
       скрізь в Inter (Google Fonts у _Layout), тож і ДС — так само, як
       уже зроблено в блозі (.blog-scope у blog-base.css). */
    --liga-font-family: 'Inter', -apple-system, system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    /* ============================================================
       Набір А — каталог компаній (company-overview): префікси --c-* / --v-* / --s-*
       ============================================================ */
    /* Text */
    --c-text: var(--color-neutral-solid-900);
    --c-subtle: var(--color-neutral-solid-800);
    --c-subtlest: var(--color-neutral-solid-600);
    --c-accent: var(--color-primary-500); /* link / active */
    --c-accent-dark: var(--color-primary-600);
    /* Surfaces / borders */
    --c-surface: var(--color-neutral-solid-100);
    --c-surface-3: var(--color-primary-100); /* primary hover */
    --c-border: var(--color-primary-200);
    --c-border-soft: #ececf3;
    --c-divider: var(--color-primary-200);
    /* Brand / CTA */
    --c-cta: var(--color-neutral-solid-1000);
    --c-cta-hover: #2b2b30;
    --c-primary-200: var(--color-primary-200);
    /* Violet scale (map / accents) */
    --v-25: #baa0e8;
    /* Spacing */
    --s-2: 8px;
    /* Shadow */
    --shadow-2: 0 0 50px 10px rgba(168, 168, 168, .15);
    --shadow-card: 0 8px 24px rgba(114, 103, 230, .08);
    --Shadow-Z-index-Eleveation-2-Blur: 50px;
    --Shadow-Z-index-Eleveation-2-Spread: 10px;
    --Shadow-Z-index-Eleveation-2-Color: rgba(168, 168, 168, 0.15);

    /* Layout / type */
    --container: 1828px;
    --font: var(--liga-font-family);
    /* ============================================================
       Набір Б — результати пошуку (company-search-result): семантичні імена + --sp-*
       (--text-default/-subtle/-subtlest/-active, --icon-*, --text-hover,
       --text-disabled — з ДС)
       ============================================================ */
    /* Color · text */
    --text-alt: var(--color-neutral-solid-100);
    --link: var(--color-primary-500);
    /* Color · surfaces */
    --surface: var(--color-neutral-solid-100);
    --surface-secondary: var(--color-neutral-solid-200);
    --dropdown-bg: var(--color-neutral-solid-200);
    /* Color · borders */
    --border: var(--color-primary-200);
    --border-selected: var(--color-primary-400);
    --divider: var(--color-primary-200);
    /* Color · buttons */
    --btn-primary: var(--color-neutral-solid-1000);
    --btn-primary-active: var(--color-primary-500);
    --btn-border-secondary: var(--color-primary-200);
    /* Color · accents / status */
    --danger: var(--color-other-colors-red-700);
    --accent: var(--color-primary-600);
    --primary-200: var(--color-primary-200);
    /* Spacing scale (--sp-*) */
    --sp-2: 2px;
    --sp-4: 4px;
    --sp-6: 6px;
    --sp-8: 8px;
    --sp-12: 12px;
    --sp-16: 16px;
    --sp-20: 20px;
    --sp-24: 24px;
    --sp-32: 32px;
    --sp-40: 40px;
    --cntnr-corner-Normal: 8px;
    /* Elevation */
    --elev-2: 0 0 50px 10px rgba(168, 168, 168, 0.15);
    --elev-card: 0 1px 2px rgba(37, 37, 42, 0.04), 0 2px 12px rgba(168, 168, 168, 0.08);
    /* Layout */
    --container-pad: 46px;
    --container-pad-1024: 32px;
    --container-pad-768: 16px;
    /* ============================================================
       Спільні — об'єднані дублікати обох наборів
       ============================================================ */
    /* Radii (були в обох; --r-pill зведено: 999px / 10000px → повна «пігулка») */
    --r-sm: 4px;
    --r-lg: 12px;
    --r-xl: 16px;
    --r-2xl: 24px;
    --r-pill: 999px;
}