/* ============================================================
   Platform V2 — DESIGN TOKENS V2 (Remix)
   ============================================================
   Паралельний набір токенів для нового дизайн-шару.
   Усі змінні мають префікс --v2-* і не перетинаються з існуючим
   tokens.css. Підключається ПІСЛЯ tokens.css.

   Шрифти НЕ перевизначаються — лишаються платформенні (e-Ukraine).
   Розміри шрифту НЕ перевизначаються — лишаються платформенні.
   ============================================================ */

:root {
  /* === Brevo-inspired product canvas === */
  --v2-bg-app: #ffffff;
  --v2-bg-card: #ffffff;
  --v2-bg-subtle: #f6f8f4;
  --v2-bg-muted: #edf3ea;
  --v2-bg-hover: #f2f8ef;
  --v2-bg-selected: #e7f4e2;
  --v2-bg-zebra: #fbfcfa;

  --v2-text-primary: #1a1a19;
  --v2-text-secondary: #5a5a57;
  --v2-text-tertiary: #8a8a86;
  --v2-text-muted: #a8a8a4;
  --v2-text-inverse: #ffffff;

  --v2-border-subtle: #edf1ea;
  --v2-border-light: #dfe7dd;
  --v2-border-default: #ccd8c8;
  --v2-border-strong: #aebdab;

  /* === Accent — forest === */
  --v2-accent: #3f8a4d;
  --v2-accent-hover: #326f3e;
  --v2-accent-bg: #edf8e9;
  --v2-accent-bg-strong: #dff3d7;
  --v2-accent-text: #245a31;

  /* === Semantic === */
  --v2-success: #2f7a3e;
  --v2-success-bg: #e9f3ea;
  --v2-warning: #a86b1e;
  --v2-warning-bg: #faf0df;
  --v2-danger: #a43232;
  --v2-danger-bg: #f7e8e5;
  --v2-info: #2f5a7a;
  --v2-info-bg: #e6eef5;

  /* === Shadows === */
  --v2-shadow-xs: 0 1px 2px rgba(26, 26, 25, 0.04);
  --v2-shadow-sm: 0 1px 3px rgba(26, 26, 25, 0.06), 0 1px 2px rgba(26, 26, 25, 0.03);
  --v2-shadow-md: 0 4px 12px rgba(26, 26, 25, 0.06), 0 1px 3px rgba(26, 26, 25, 0.04);
  --v2-shadow-lg: 0 12px 28px rgba(26, 26, 25, 0.08), 0 2px 6px rgba(26, 26, 25, 0.04);

  /* === Focus ring === */
  --v2-focus-ring: 0 0 0 3px rgba(63, 138, 77, 0.18);

  /* === Rows (для таблиць/реєстрів) === */
  --v2-row-height: 34px;
  --v2-row-padding-y: 8px;
  --v2-row-padding-x: 10px;

  /* === Density variants — застосовуються на корінь сторінки/секції === */
  /* Spacing scale (--s-*), radii (--r-*), font sizes (--text-*),
     leading, weight — НЕ дублюються, використовуються з основного tokens.css. */
}

/* Density: compact (типова поточна щільність платформи) */
[data-v2-density="compact"] {
  --v2-row-height: 28px;
  --v2-row-padding-y: 4px;
  --v2-row-padding-x: 8px;
}

/* Density: spacious (для довгих сесій / просторого варіанту) */
[data-v2-density="spacious"] {
  --v2-row-height: 44px;
  --v2-row-padding-y: 13px;
  --v2-row-padding-x: 14px;
}