/* SPDX-License-Identifier: MIT
 * Canonical design tokens shared by tinyInvendo and Invendo.Cloud. */
:root {
  --iv-font-sans: "Inter", "SF Pro Text", "Segoe UI Variable", "Segoe UI",
    system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --iv-brand: #2563eb;
  --iv-brand-strong: #1d4ed8;
  --iv-brand-tint: #60a5fa;
  --iv-brand-rgb: 37, 99, 235;
  --iv-brand-soft: rgba(37, 99, 235, 0.1);
  --iv-accent: #14b8a6;
  --iv-shell: #0f172a;
  --iv-shell-2: #1e293b;
  --iv-radius: 0.75rem;
  --iv-radius-sm: 0.5rem;
  --iv-touch-target: 2.75rem;
  --iv-space-1: 0.25rem;
  --iv-space-2: 0.5rem;
  --iv-space-3: 0.75rem;
  --iv-space-4: 1rem;
  --iv-space-5: 1.5rem;
  --iv-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 20px rgba(15, 23, 42, 0.06);
  --iv-shadow-raised: 0 12px 28px rgba(15, 23, 42, 0.12);
  --iv-table-cell-x: 0.875rem;
  --iv-table-cell-y: 0.7rem;
  --iv-table-head-size: 0.72rem;
  --iv-table-head-tracking: 0.045em;
  --iv-radius-control: var(--iv-radius-sm);
  --iv-radius-chip: 999px;
  --iv-space-6: 1.5rem;
  --iv-control-height: 2.5rem;
}