/* Generado desde brand/design-system/system.json · 1.0.0-draft.1 · 705cbb69a1a4e6a0694e41a96f74c0150b95b4183c512dbbb93c2522dee6892a */
#vbt-design-system {
  --vbt-color-brand: #1E3A5F;
  --vbt-color-brand-deep: #152B48;
  --vbt-color-brand-secondary: #2C5A8C;
  --vbt-color-action: #2B6CB0;
  --vbt-color-action-hover: #22558C;
  --vbt-color-ink: #1F2933;
  --vbt-color-muted: #52606D;
  --vbt-color-surface: #FFFFFF;
  --vbt-color-canvas: #F5F7FA;
  --vbt-color-soft: #DCE6F2;
  --vbt-color-line: #CBD5E0;
  --vbt-color-control-line: #718096;
  --vbt-color-positive: #065F46;
  --vbt-color-positive-soft: #D1FAE5;
  --vbt-color-warning: #92400E;
  --vbt-color-warning-soft: #FEF3C7;
  --vbt-color-negative: #9B1C1C;
  --vbt-color-negative-soft: #FDE8E8;
  --vbt-space-1: 4px;
  --vbt-space-2: 8px;
  --vbt-space-3: 12px;
  --vbt-space-4: 16px;
  --vbt-space-5: 20px;
  --vbt-space-6: 24px;
  --vbt-space-8: 32px;
  --vbt-space-10: 40px;
  --vbt-space-12: 48px;
  --vbt-space-16: 64px;
  --vbt-radius-control: 6px;
  --vbt-radius-panel: 12px;
  --vbt-radius-pill: 999px;
  --vbt-type-caption: 12px;
  --vbt-type-label: 14px;
  --vbt-type-body: 16px;
  --vbt-type-lead: 20px;
  --vbt-type-h3: 24px;
  --vbt-type-h2: 32px;
  --vbt-type-h1: 48px;
  --vbt-motion-fast: 120ms;
  --vbt-motion-standard: 200ms;
  --vbt-motion-deliberate: 320ms;
  --vbt-layout-sidebar: 248px;
  --vbt-layout-contentMax: 1280px;
  --vbt-layout-readingMax: 720px;
  --vbt-layout-controlMin: 44px;
  --vbt-layout-mobile: 720px;
  --vbt-layout-tablet: 1024px;
  --vbt-font-ui: "Inter";
  --vbt-font-heading: "Barlow";
  --vbt-font-body: "Source Sans 3";
  --vbt-font-fallback: Arial, sans-serif;
}