/* Generated from src/tokens.json. Do not edit. */
:root {
  --it-reference-color-neutral-0: #ffffff;
  --it-reference-color-neutral-50: #f7f9f9;
  --it-reference-color-neutral-100: #eef3f2;
  --it-reference-color-neutral-200: #e2e8e6;
  --it-reference-color-neutral-500: #8b9b96;
  --it-reference-color-neutral-600: #5f6f6b;
  --it-reference-color-neutral-700: #4a5c58;
  --it-reference-color-neutral-950: #0e1f1c;
  --it-reference-color-brand-100: #e8efec;
  --it-reference-color-brand-600: #365b4e;
  --it-reference-color-brand-700: #2a483e;
  --it-reference-color-gold-100: #f6efdd;
  --it-reference-color-gold-500: #c8a97e;
  --it-reference-color-gold-700: #92400e;
  --it-reference-color-blue-600: #2563eb;
  --it-reference-color-blue-700: #274c5e;
  --it-reference-color-slate-500: #64748b;
  --it-reference-color-slate-700: #334155;
  --it-reference-color-red-100: #fbe7e8;
  --it-reference-color-red-600: #dc2626;
  --it-reference-color-red-700: #7c2d32;
  --it-reference-color-green-100: #dcfce7;
  --it-reference-color-green-600: #16a34a;
  --it-reference-color-green-700: #15803d;
  --it-reference-color-black-200Alpha: #00000029;
  --it-reference-color-black-800Alpha: #000000cc;
  --it-reference-space-1: 4px;
  --it-reference-space-2: 8px;
  --it-reference-space-3: 12px;
  --it-reference-space-4: 16px;
  --it-reference-space-6: 24px;
  --it-reference-space-8: 32px;
  --it-reference-space-12: 48px;
  --it-reference-radius-sm: 8px;
  --it-reference-radius-md: 12px;
  --it-reference-radius-lg: 16px;
  --it-reference-radius-pill: 999px;
  --it-reference-border-width-default: 1px;
  --it-reference-font-family-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --it-reference-font-family-display: Space Grotesk, Inter, ui-sans-serif, system-ui, sans-serif;
  --it-reference-font-family-monospace: SFMono-Regular, Consolas, Liberation Mono, monospace;
  --it-reference-font-size-sm: 14px;
  --it-reference-font-size-md: 16px;
  --it-reference-font-size-lg: 20px;
  --it-reference-font-size-xl: 32px;
  --it-reference-font-weight-regular: 400;
  --it-reference-font-weight-medium: 600;
  --it-reference-font-weight-bold: 700;
  --it-reference-font-lineHeight-body: 1.5;
  --it-reference-font-lineHeight-relaxed: 1.7;
  --it-reference-motion-fast: 120ms;
  --it-reference-motion-standard: 200ms;
  --it-reference-motion-ambient: 1600ms;
  --it-semantic-color-surface-canvas: #f7f9f9;
  --it-semantic-color-surface-default: #ffffff;
  --it-semantic-color-surface-subtle: #eef3f2;
  --it-semantic-color-surface-inverse: #0e1f1c;
  --it-semantic-color-surface-inverseRaised: #2a483e;
  --it-semantic-color-border-default: #e2e8e6;
  --it-semantic-color-border-focus: #365b4e;
  --it-semantic-color-text-primary: #0e1f1c;
  --it-semantic-color-text-secondary: #4a5c58;
  --it-semantic-color-text-muted: #5f6f6b;
  --it-semantic-color-text-inverse: #ffffff;
  --it-semantic-color-text-critical: #dc2626;
  --it-semantic-color-action-primary: #365b4e;
  --it-semantic-color-action-primaryHover: #2a483e;
  --it-semantic-color-action-accent: #c8a97e;
  --it-semantic-color-status-critical: #dc2626;
  --it-semantic-color-status-criticalSubtle: #fbe7e8;
  --it-semantic-color-status-success: #15803d;
  --it-semantic-color-status-successSubtle: #dcfce7;
  --it-semantic-color-status-accent: #92400e;
  --it-semantic-color-status-accentSubtle: #f6efdd;
  --it-semantic-color-notification-surface: #dc2626;
  --it-semantic-color-notification-content: #ffffff;
  --it-semantic-color-identity-personRing: #15803d;
  --it-semantic-color-identity-institutionRing: #2563eb;
  --it-semantic-color-identity-competitionRing: #dc2626;
  --it-semantic-color-identity-teamRing: #0e1f1c;
  --it-semantic-color-identity-personSurface: #2a483e;
  --it-semantic-color-identity-institutionSurface: #274c5e;
  --it-semantic-color-identity-competitionSurface: #7c2d32;
  --it-semantic-color-identity-teamSurface: #334155;
  --it-semantic-color-identity-teamSurfaceEnd: #64748b;
  --it-semantic-color-identity-content: #ffffff;
  --it-semantic-color-identity-accent: #f6efdd;
  --it-semantic-color-overlay-scrim: #000000cc;
  --it-semantic-layout-contentMax: 1024px;
  --it-semantic-layout-contentNarrow: 640px;
  --it-semantic-layout-wideMin: 768px;
  --it-semantic-layout-touchTargetMin: 44px;
  --it-semantic-layout-touchTargetComfortable: 48px;
  --it-semantic-layout-multilineMin: 96px;
  --it-semantic-opacity-disabled: 0.55;
  --it-semantic-opacity-subdued: 0.82;
  --it-semantic-opacity-pressed: 0.82;
  --it-semantic-elevation-raisedColor: #00000029;
  --it-semantic-elevation-raisedOffsetX: 0px;
  --it-semantic-elevation-raisedOffsetY: 4px;
  --it-semantic-elevation-raisedBlur: 16px;
  --it-semantic-elevation-nativeLevel: 4;
  --it-semantic-elevation-nativeShadowOpacity: 1;
  --it-semantic-icon-small: 16px;
  --it-semantic-icon-medium: 20px;
  --it-semantic-icon-large: 24px;
  --it-semantic-icon-strokeWidth: 2;
  --it-semantic-focus-ringWidth: 3px;
  --it-semantic-focus-ringOffset: 3px;
  --it-component-button-paddingX: 18px;
  --it-component-button-paddingY: 15px;
  --it-component-badge-dot: 6px;
  --it-component-badge-fontSize: 10px;
  --it-component-badge-paddingY: 2px;
  --it-component-avatar-small: 32px;
  --it-component-avatar-medium: 46px;
  --it-component-avatar-large: 64px;
  --it-component-avatar-verified: 16px;
  --it-component-avatar-verifiedOffset: -1px;
  --it-component-avatar-verifiedFontSize: 9px;
  --it-component-sectionLabel-fontSize: 11px;
  --it-component-sectionLabel-letterSpacing: 1px;
  --it-component-crest-letterSpacing: 0.2px;
  --it-component-statTile-minWidth: 96px;
  --it-component-statTile-valueFontSize: 22px;
  --it-component-statTile-labelFontSize: 10px;
  --it-component-listItem-minHeight: 68px;
  --it-component-listItem-paddingY: 11px;
  --it-component-listItem-titleFontSize: 15px;
  --it-component-listItem-metaFontSize: 12px;
  --it-component-tabPill-paddingX: 18px;
  --it-component-tabPill-labelFontSize: 15px;
  --it-component-tabPill-badgeSize: 16px;
  --it-component-tabPill-badgeFontSize: 9px;
  --it-component-tabPill-underlineHeight: 3px;
  --it-component-tabPill-underlineOffset: -7px;
  --it-component-selectionControl-indicator: 16px;
  --it-component-selectionControl-switchHeight: 20px;
  --it-component-selectionControl-switchWidth: 36px;
  --it-component-selectionControl-switchInset: 2px;
  --it-component-dialog-maxWidth: 512px;
  --it-component-bottomSheet-handleHeight: 8px;
  --it-component-bottomSheet-handleWidth: 100px;
  --it-component-toast-maxWidth: 420px;
  --it-component-emptyState-mediaSize: 40px;
  --it-component-skeleton-duration: 1500ms;
  --it-component-skeleton-minimumOpacity: 0.45;
  --it-component-catalog-ruleMinWidth: 180px;
  --it-component-catalog-sidebarWidth: 220px;
  --it-component-catalog-swatchSize: 64px;
  --it-component-layout-detailSummaryWidth: 280px;
  --it-component-layout-formFieldMinWidth: 240px;
  --it-component-layout-stickyZIndex: 10;
}