/* ==========================================================================
   MTI Dev-Support — Project-Specific Variables
   Extends the base design system tokens for support system UI
   ========================================================================== */

:root {
  /* — Sidebar — */
  --ds-sidebar-width: 220px;
  --ds-sidebar-collapsed: 64px;

  /* — Kanban — */
  --ds-kanban-column-width: 320px;
  --ds-kanban-card-gap: var(--space-3);
  --ds-kanban-column-gap: var(--space-4);

  /* — Ticket — */
  --ds-ticket-card-min-height: 120px;

  /* — Chat — */
  --ds-chat-sessions-width: 260px;
  --ds-chat-input-height: 56px;
  --ds-chat-bubble-max-width: 80%;

  /* — Widget — */
  --ds-widget-width: 380px;
  --ds-widget-height: 520px;
  --ds-widget-fab-size: 56px;

  /* — Status Colors — */
  --ds-status-open: var(--color-info);
  --ds-status-open-bg: var(--color-info-light);
  --ds-status-in-progress: var(--color-warning);
  --ds-status-in-progress-bg: var(--color-warning-light);
  --ds-status-under-review: var(--color-purple);
  --ds-status-under-review-bg: var(--color-purple-light);
  --ds-status-resolved: var(--color-success);
  --ds-status-resolved-bg: var(--color-success-light);
  --ds-status-closed: var(--color-accent);
  --ds-status-closed-bg: var(--color-accent-light);

  /* — Priority Colors — */
  --ds-priority-low: var(--color-success);
  --ds-priority-low-bg: var(--color-success-light);
  --ds-priority-medium: var(--color-warning);
  --ds-priority-medium-bg: var(--color-warning-light);
  --ds-priority-high: var(--color-gold);
  --ds-priority-high-bg: var(--color-gold-light);
  --ds-priority-critical: var(--color-danger);
  --ds-priority-critical-bg: var(--color-danger-light);

  /* — Type Icons (unicode) — */
  --ds-type-bug: "\1F41B";
  --ds-type-feature: "\2728";
  --ds-type-improvement: "\1F4C8";
  --ds-type-question: "\2753";
  --ds-type-support: "\1F527";
  --ds-type-access: "\1F510";
  --ds-type-data: "\1F4CA";
  --ds-type-training: "\1F393";
  --ds-type-docs: "\1F4DA";
}