/* AQUA Studio Design System 2.0 — Tokens
   Isolated from production aqua-v*.css. Part 1 foundation. */

:root{
  /* Typography */
  --ds-font: Inter, ui-sans-serif, system-ui, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --ds-fs-page: 22px;
  --ds-fs-section: 16px;
  --ds-fs-body: 13.5px;
  --ds-fs-table: 13px;
  --ds-fs-secondary: 12px;
  --ds-fs-label: 12px;
  --ds-fs-meta: 11.5px;
  --ds-lh: 1.45;
  --ds-lh-tight: 1.25;
  --ds-fw-normal: 450;
  --ds-fw-medium: 550;
  --ds-fw-semibold: 600;

  /* Spacing */
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;

  /* Density (V13.4 premium targets) */
  --ds-btn-h: 36px;
  --ds-btn-compact-h: 32px;
  --ds-input-h: 36px;
  --ds-select-h: 36px;
  --ds-row-h: 46px;
  --ds-sidebar-w: 220px;
  --ds-sidebar-collapsed: 64px;
  --ds-header-h: 62px;
  --ds-panel-w: 580px;
  --ds-radius: 8px;
  --ds-radius-sm: 6px;
  --ds-radius-lg: 12px;
  --ds-radius-panel: 12px;
  --ds-focus: 0 0 0 2px color-mix(in srgb, var(--ds-accent) 45%, transparent);

  /* Motion */
  --ds-ease: 140ms ease;
}

[data-theme="dark"]{
  color-scheme: dark;
  --ds-bg: #0B0D12;
  --ds-surface: #11141B;
  --ds-elevated: #181C25;
  --ds-border: #282D39;
  --ds-border-strong: #353B4A;
  --ds-text: #F2F3F7;
  --ds-text-2: #969DAD;
  --ds-text-3: #6B7280;
  --ds-accent: #8B5CF6;
  --ds-accent-hover: #A78BFA;
  --ds-accent-soft: rgba(139, 92, 246, 0.16);
  --ds-accent-text: #E9D5FF;
  --ds-input-bg: #11141B;
  --ds-hover: rgba(255, 255, 255, 0.035);
  --ds-selected: rgba(139, 92, 246, 0.14);
  --ds-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  --ds-overlay: rgba(6, 8, 14, 0.55);
  --ds-sidebar: #0E1016;
  --ds-success: #22C55E;
  --ds-warning: #F59E0B;
  --ds-error: #EF4444;
  --ds-info: #3B82F6;
  --ds-badge-draft-bg: rgba(148, 163, 184, 0.14);
  --ds-badge-draft-fg: #CBD5E1;
  --ds-badge-processing-bg: rgba(59, 130, 246, 0.16);
  --ds-badge-processing-fg: #93C5FD;
  --ds-badge-completed-bg: rgba(34, 197, 94, 0.14);
  --ds-badge-completed-fg: #86EFAC;
  --ds-badge-failed-bg: rgba(239, 68, 68, 0.14);
  --ds-badge-failed-fg: #FCA5A5;
  --ds-badge-active-bg: rgba(139, 92, 246, 0.16);
  --ds-badge-active-fg: #E9D5FF;
  --ds-badge-paused-bg: rgba(245, 158, 11, 0.14);
  --ds-badge-paused-fg: #FCD34D;
}

[data-theme="light"]{
  color-scheme: light;
  --ds-bg: #F8F9FC;
  --ds-surface: #FFFFFF;
  --ds-elevated: #F1F3F8;
  --ds-border: #E2E5EC;
  --ds-border-strong: #D0D5DE;
  --ds-text: #171923;
  --ds-text-2: #697386;
  --ds-text-3: #8B93A3;
  --ds-accent: #7C3AED;
  --ds-accent-hover: #6D28D9;
  --ds-accent-soft: rgba(124, 58, 237, 0.10);
  --ds-accent-text: #5B21B6;
  --ds-input-bg: #FFFFFF;
  --ds-hover: rgba(23, 25, 35, 0.035);
  --ds-selected: rgba(124, 58, 237, 0.10);
  --ds-shadow: 0 12px 32px rgba(23, 25, 35, 0.08);
  --ds-overlay: rgba(23, 25, 35, 0.40);
  --ds-sidebar: #FFFFFF;
  --ds-success: #16A34A;
  --ds-warning: #D97706;
  --ds-error: #DC2626;
  --ds-info: #2563EB;
  --ds-badge-draft-bg: rgba(100, 116, 139, 0.10);
  --ds-badge-draft-fg: #475569;
  --ds-badge-processing-bg: rgba(37, 99, 235, 0.10);
  --ds-badge-processing-fg: #1D4ED8;
  --ds-badge-completed-bg: rgba(22, 163, 74, 0.10);
  --ds-badge-completed-fg: #15803D;
  --ds-badge-failed-bg: rgba(220, 38, 38, 0.10);
  --ds-badge-failed-fg: #B91C1C;
  --ds-badge-active-bg: rgba(124, 58, 237, 0.10);
  --ds-badge-active-fg: #5B21B6;
  --ds-badge-paused-bg: rgba(217, 119, 6, 0.10);
  --ds-badge-paused-fg: #B45309;
}