/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --vtp-color-brand-navy: #1a3c8f;
  --vtp-color-brand-navy-dark: #142f72;
  --vtp-color-brand-navy-deep: #1e40af;
  --vtp-color-brand-tint: #f0f4ff;
  --vtp-color-brand-muted: #a8c0f0;
  --vtp-color-brand-nav-text: #d0ddf7;
  --vtp-color-neutral-white: #ffffff;
  --vtp-color-neutral-bg: #f9fafb;
  --vtp-color-neutral-bg-hover: #f9fbff;
  --vtp-color-neutral-border: #e5e7eb;
  --vtp-color-neutral-border-light: #f3f4f6;
  --vtp-color-neutral-placeholder: #d1d5db;
  --vtp-color-text-primary: #111827;
  --vtp-color-text-body: #374151;
  --vtp-color-text-secondary: #4b5563;
  --vtp-color-text-caption: #9ca3af;
  --vtp-color-text-heading: #111827;
  --vtp-color-text-label: #374151;
  --vtp-color-text-label-small: #6b7280;
  --vtp-color-semantic-success: #16a34a;
  --vtp-color-semantic-success-text: #065f46;
  --vtp-color-semantic-success-bg: #d1fae5;
  --vtp-color-semantic-success-selected: #f0fdf4;
  --vtp-color-semantic-warning: #f59e0b;
  --vtp-color-semantic-warning-text: #92400e;
  --vtp-color-semantic-warning-bg: #fef3c7;
  --vtp-color-semantic-error: #b91c1c;
  --vtp-color-semantic-error-bg: #fee2e2;
  --vtp-color-semantic-error-text: #991b1b;
  --vtp-color-semantic-error-dark: #dc2626;
  --vtp-color-semantic-error-bg-selected: #fef2f2;
  --vtp-color-semantic-info: #3b82f6;
  --vtp-color-semantic-info-bg: #dbeafe;
  --vtp-color-semantic-trend: #10b981;
  --vtp-color-semantic-success-green: #16a34a;
  --vtp-color-badge-red: #ef4444;
  --vtp-color-badge-red-text: #ffffff;
  --vtp-border-radius-sm: 6px;
  --vtp-border-radius-md: 8px;
  --vtp-border-radius-lg: 10px;
  --vtp-border-radius-xl: 12px;
  --vtp-border-radius-card: 16px;
  --vtp-border-radius-pill: 20px;
  --vtp-border-radius-full: 9999px;
  --vtp-border-radius-sheet: 24px;
  --vtp-spacing-inline: 12px;
  --vtp-spacing-card-compact: 20px;
}