/* Tradeteq portfolio library v1.0.0. Generated from system.json. */
:root {
  --tt-white: #FFFFFF;
  --tt-gray-25: #FAFBFC;
  --tt-gray-50: #F5F7F9;
  --tt-gray-100: #EDF1F4;
  --tt-gray-200: #DFE5EB;
  --tt-gray-300: #B8C2CC;
  --tt-gray-400: #85929E;
  --tt-gray-500: #6B7178;
  --tt-gray-600: #4A5058;
  --tt-gray-800: #28333D;
  --tt-gray-900: #1B1D21;
  --tt-navy-700: #284F6D;
  --tt-cyan-50: #EAF6F9;
  --tt-cyan-100: #CEE9F0;
  --tt-cyan-500: #56B1C8;
  --tt-cyan-700: #23758A;
  --tt-cyan-800: #1D6275;
  --tt-cyan-900: #164D5D;
  --tt-green-50: #E8F6EE;
  --tt-green-700: #177443;
  --tt-orange-50: #FDF0E8;
  --tt-orange-700: #A63D0A;
  --tt-red-50: #FDECEF;
  --tt-red-700: #B51D37;
  --tt-red-800: #9F1930;
  --tt-red-900: #831527;
  --tt-blue-50: #EBF0FC;
  --tt-blue-700: #385BB0;
  --tt-bg-canvas: var(--tt-gray-50);
  --tt-bg-surface: var(--tt-white);
  --tt-bg-subtle: var(--tt-gray-100);
  --tt-bg-hover: var(--tt-gray-50);
  --tt-bg-selected: var(--tt-cyan-50);
  --tt-bg-disabled: var(--tt-gray-100);
  --tt-text-primary: var(--tt-gray-900);
  --tt-text-secondary: var(--tt-gray-600);
  --tt-text-muted: var(--tt-gray-500);
  --tt-text-inverse: var(--tt-white);
  --tt-text-disabled: var(--tt-gray-500);
  --tt-border-default: var(--tt-gray-400);
  --tt-border-subtle: var(--tt-gray-200);
  --tt-border-focus: var(--tt-cyan-700);
  --tt-brand-accent: var(--tt-cyan-500);
  --tt-brand-navy: var(--tt-navy-700);
  --tt-action-primary: var(--tt-cyan-700);
  --tt-action-hover: var(--tt-cyan-800);
  --tt-action-pressed: var(--tt-cyan-900);
  --tt-action-danger-hover: var(--tt-red-800);
  --tt-action-danger-pressed: var(--tt-red-900);
  --tt-status-approved: var(--tt-green-700);
  --tt-status-approved-bg: var(--tt-green-50);
  --tt-status-attention: var(--tt-orange-700);
  --tt-status-attention-bg: var(--tt-orange-50);
  --tt-status-rejected: var(--tt-red-700);
  --tt-status-rejected-bg: var(--tt-red-50);
  --tt-status-validating: var(--tt-blue-700);
  --tt-status-validating-bg: var(--tt-blue-50);
  --tt-status-draft: var(--tt-gray-600);
  --tt-status-draft-bg: var(--tt-gray-100);
  --tt-space-0: 0px;
  --tt-space-2: 2px;
  --tt-space-4: 4px;
  --tt-space-6: 6px;
  --tt-space-8: 8px;
  --tt-space-12: 12px;
  --tt-space-16: 16px;
  --tt-space-20: 20px;
  --tt-space-24: 24px;
  --tt-space-32: 32px;
  --tt-space-40: 40px;
  --tt-space-48: 48px;
  --tt-space-64: 64px;
  --tt-radius-0: 0px;
  --tt-radius-4: 4px;
  --tt-radius-6: 6px;
  --tt-radius-8: 8px;
  --tt-radius-12: 12px;
  --tt-radius-999: 999px;
  --tt-control-compact: 32px;
  --tt-control-regular: 40px;
  --tt-row-compact: 40px;
  --tt-row-regular: 48px;
  --tt-layout-sidebar: 248px;
  --tt-layout-gutter: 24px;
  --tt-stroke-default: 1px;
  --tt-stroke-focus: 2px;
}