/*
 * Design Tokens — Аргумент
 *
 * Расширение variables.css для design system.
 * Импортировать ПОСЛЕ variables.css.
 * Источник: ux-mockup-v2.html (утверждён 2026-04-02)
 */

:root {
  /* === Card-specific backgrounds === */
  --card-plan-bg: rgba(28, 42, 28, 0.6);
  --card-plan-border: rgba(91, 170, 106, 0.2);
  --card-plan-header: var(--color-green);
  --card-plan-divider: rgba(91, 170, 106, 0.15);

  --card-ask-bg: var(--color-interactive);
  --card-ask-border: rgba(91, 142, 201, 0.2);
  --card-ask-header: var(--color-blue);
  --card-ask-divider: rgba(91, 142, 201, 0.15);

  --card-warning-bg: rgba(42, 36, 28, 0.6);
  --card-warning-border: rgba(201, 149, 91, 0.2);
  --card-warning-header: var(--color-orange);

  --card-danger-bg: rgba(42, 28, 28, 0.6);
  --card-danger-border: rgba(201, 91, 91, 0.2);
  --card-danger-header: var(--color-red);

  --card-suggest-gradient-start: rgba(91, 142, 201, 0.12);
  --card-suggest-gradient-end: rgba(139, 110, 200, 0.08);
  --card-suggest-icon-gradient: linear-gradient(135deg, var(--color-blue), var(--color-purple));

  --card-document-bg: #2a2a2f;
  --card-document-border: rgba(255, 255, 255, 0.12);
  --card-document-shadow-1: #252529;
  --card-document-shadow-2: #202024;
  --card-document-stripe: linear-gradient(90deg, var(--color-primary), rgba(200, 169, 110, 0.3));

  --card-draft-bg: var(--color-card);
  --card-draft-placeholder-color: var(--color-primary);
  --card-draft-placeholder-bg: rgba(200, 169, 110, 0.1);

  --card-file-docx: var(--color-blue);
  --card-file-docx-bg: rgba(91, 142, 201, 0.15);
  --card-file-pdf: var(--color-red);
  --card-file-pdf-bg: rgba(201, 91, 91, 0.15);

  --thinking-bg: rgba(139, 110, 200, 0.06);
  --thinking-border: var(--color-purple);

  --progress-bg: var(--color-pill);
  --progress-fill-done: var(--color-green);

  /* === Bubble === */
  --bubble-user-radius: var(--border-radius-lg) var(--border-radius-lg) 3px var(--border-radius-lg);
  --bubble-agent-radius: var(--border-radius) var(--border-radius) var(--border-radius) 3px;

  /* === Message footer === */
  --msg-action-size: 14px;
  --msg-timestamp-size: 10.5px;

  /* === Feedback popup === */
  --feedback-width: 240px;

  /* === Search modal === */
  --search-width: 400px;
  --search-max-height: 300px;

  /* === Context menu === */
  --context-menu-min-width: 140px;

  /* === Status dots === */
  --dot-running: var(--color-green);
  --dot-done: var(--color-text-dim);
  --dot-draft: var(--color-orange);
  --dot-idle: var(--color-border-light);

  /* === Step icons === */
  --step-done-bg: var(--color-green);
  --step-active-bg: var(--color-primary);
  --step-pending-bg: var(--color-card);
  --step-pending-border: var(--color-border);

  /* === Status badges === */
  --badge-green-bg: rgba(106, 173, 114, 0.15);
  --badge-orange-bg: rgba(200, 160, 80, 0.15);
  --badge-red-bg: rgba(201, 91, 91, 0.15);
  --badge-blue-bg: rgba(91, 142, 201, 0.15);
}