/* Generated by portfolio-site/build/tokens.py from
   design-system/tokens/windspeedseo.tokens.json v1.1.0.
   Do not edit by hand: edit the canonical design system and rebuild. */
:root {
  --ws-action-accent-bg: #537418;
  --ws-action-accent-hover: #425C18;
  --ws-action-accent-text: #FFFFFF;
  --ws-action-primary-active: #364357;
  --ws-action-primary-bg: #4D5C74;
  --ws-action-primary-hover: #435168;
  --ws-action-primary-text: #FFFFFF;
  --ws-action-secondary-bg: #FFFFFF;
  --ws-action-secondary-border: #BCC5CF;
  --ws-action-secondary-hover: #F1F4F6;
  --ws-action-secondary-text: #364357;
  --ws-border-default: #D9DFE5;
  --ws-border-focus: #4C9CC8;
  --ws-border-strong: #BCC5CF;
  --ws-borderwidth-focus: 2px;
  --ws-borderwidth-hairline: 1px;
  --ws-borderwidth-selected: 2px;
  --ws-chart-areaOpacity: 0.10;
  --ws-chart-axis: #626D7A;
  --ws-chart-grid: #E6EBF0;
  --ws-chart-previous: #98A3AF;
  --ws-chart-semantic-negative: #9D3935;
  --ws-chart-semantic-neutral: #98A3AF;
  --ws-chart-semantic-positive: #537418;
  --ws-chart-semantic-reference: #286788;
  --ws-chart-semantic-warning: #8E6214;
  --ws-chart-series-1: #4D5C74;
  --ws-chart-series-2: #4C9CC8;
  --ws-chart-series-3: #2F8F88;
  --ws-chart-series-4: #7B6FB1;
  --ws-chart-series-5: #6F91A6;
  --ws-chart-series-6: #C18A32;
  --ws-chart-tooltipBg: #263447;
  --ws-chart-tooltipText: #FFFFFF;
  --ws-color-accent-amber-100: #FFF1C7;
  --ws-color-accent-amber-200: #FCE29A;
  --ws-color-accent-amber-300: #F3CC65;
  --ws-color-accent-amber-400: #E9B64C;
  --ws-color-accent-amber-50: #FFF9EB;
  --ws-color-accent-amber-500: #DCA63A;
  --ws-color-accent-amber-600: #B9821F;
  --ws-color-accent-amber-700: #8E6214;
  --ws-color-accent-amber-800: #704E14;
  --ws-color-accent-amber-900: #5E4115;
  --ws-color-accent-amber-950: #35220A;
  --ws-color-accent-coral-100: #FFE2DF;
  --ws-color-accent-coral-200: #F8C3BF;
  --ws-color-accent-coral-300: #EE9993;
  --ws-color-accent-coral-400: #E1746D;
  --ws-color-accent-coral-50: #FFF2F1;
  --ws-color-accent-coral-500: #D85F58;
  --ws-color-accent-coral-600: #BE4943;
  --ws-color-accent-coral-700: #9D3935;
  --ws-color-accent-coral-800: #81312E;
  --ws-color-accent-coral-900: #6B2D2B;
  --ws-color-accent-coral-950: #3A1514;
  --ws-color-accent-dataBlue-100: #E2F1F8;
  --ws-color-accent-dataBlue-200: #BFDDED;
  --ws-color-accent-dataBlue-300: #96C8E1;
  --ws-color-accent-dataBlue-400: #6FB2D5;
  --ws-color-accent-dataBlue-50: #F1F8FC;
  --ws-color-accent-dataBlue-500: #4C9CC8;
  --ws-color-accent-dataBlue-600: #347FA8;
  --ws-color-accent-dataBlue-700: #286788;
  --ws-color-accent-dataBlue-800: #245773;
  --ws-color-accent-dataBlue-900: #224A60;
  --ws-color-accent-dataBlue-950: #162F3F;
  --ws-color-accent-steel-500: #6F91A6;
  --ws-color-accent-steel-700: #4F6D80;
  --ws-color-accent-teal-100: #D7F1ED;
  --ws-color-accent-teal-200: #AFE2DB;
  --ws-color-accent-teal-300: #7DCCC2;
  --ws-color-accent-teal-400: #50B0A7;
  --ws-color-accent-teal-50: #EFFAF8;
  --ws-color-accent-teal-500: #2F8F88;
  --ws-color-accent-teal-600: #24736E;
  --ws-color-accent-teal-700: #205C59;
  --ws-color-accent-teal-800: #1D4A48;
  --ws-color-accent-teal-900: #1C3D3C;
  --ws-color-accent-teal-950: #0B2423;
  --ws-color-accent-violet-500: #7B6FB1;
  --ws-color-accent-violet-700: #574B8B;
  --ws-color-brand-green-100: #EDF6DB;
  --ws-color-brand-green-200: #D8ECAE;
  --ws-color-brand-green-300: #BEDD79;
  --ws-color-brand-green-400: #A1CB45;
  --ws-color-brand-green-50: #F7FBEF;
  --ws-color-brand-green-500: #83B422;
  --ws-color-brand-green-600: #6B951B;
  --ws-color-brand-green-700: #537418;
  --ws-color-brand-green-800: #425C18;
  --ws-color-brand-green-900: #374D18;
  --ws-color-brand-green-950: #1C2B0A;
  --ws-color-brand-slate-100: #E9EDF2;
  --ws-color-brand-slate-200: #D2D9E3;
  --ws-color-brand-slate-300: #AFBAC9;
  --ws-color-brand-slate-400: #8190A5;
  --ws-color-brand-slate-50: #F5F7FA;
  --ws-color-brand-slate-500: #4D5C74;
  --ws-color-brand-slate-600: #435168;
  --ws-color-brand-slate-700: #364357;
  --ws-color-brand-slate-800: #2A3546;
  --ws-color-brand-slate-900: #202A38;
  --ws-color-brand-slate-950: #141B26;
  --ws-color-neutral-0: #FFFFFF;
  --ws-color-neutral-100: #EDF1F4;
  --ws-color-neutral-1000: #0E151F;
  --ws-color-neutral-200: #D9DFE5;
  --ws-color-neutral-300: #BCC5CF;
  --ws-color-neutral-400: #98A3AF;
  --ws-color-neutral-50: #F7F9FA;
  --ws-color-neutral-500: #7D8794;
  --ws-color-neutral-600: #626D7A;
  --ws-color-neutral-700: #4C5663;
  --ws-color-neutral-800: #3E4857;
  --ws-color-neutral-900: #263447;
  --ws-color-neutral-950: #172130;
  --ws-component-badge-gap: 6px;
  --ws-component-badge-height: 24px;
  --ws-component-badge-paddingX: 8px;
  --ws-component-badge-radius: 9999px;
  --ws-component-button-compactHeight: 32px;
  --ws-component-button-defaultHeight: 40px;
  --ws-component-button-gap: 8px;
  --ws-component-button-icon: 18px;
  --ws-component-button-largeHeight: 48px;
  --ws-component-button-minHitArea: 44px;
  --ws-component-button-paddingX: 16px;
  --ws-component-button-radius: 8px;
  --ws-component-card-gap: 16px;
  --ws-component-card-paddingDesktop: 24px;
  --ws-component-card-paddingMobile: 16px;
  --ws-component-card-radius: 12px;
  --ws-component-chart-heightDesktop: 320px;
  --ws-component-chart-heightMobile: 240px;
  --ws-component-chart-linePrimary: 2.5px;
  --ws-component-chart-lineSecondary: 2px;
  --ws-component-chart-point: 6px;
  --ws-component-input-height: 40px;
  --ws-component-input-helperGap: 6px;
  --ws-component-input-labelGap: 6px;
  --ws-component-input-paddingX: 12px;
  --ws-component-input-radius: 8px;
  --ws-component-input-textareaMinHeight: 120px;
  --ws-component-kpiCard-minHeight: 132px;
  --ws-component-kpiCard-minWidth: 200px;
  --ws-component-kpiCard-valueDesktop: 32px;
  --ws-component-kpiCard-valueMobile: 28px;
  --ws-component-modal-large: 960px;
  --ws-component-modal-medium: 640px;
  --ws-component-modal-radius: 16px;
  --ws-component-modal-small: 480px;
  --ws-component-table-cellPaddingX: 12px;
  --ws-component-table-cellPaddingY: 10px;
  --ws-component-table-denseRowHeight: 40px;
  --ws-component-table-headerHeight: 44px;
  --ws-component-table-rowHeight: 48px;
  --ws-component-tabs-gap: 24px;
  --ws-component-tabs-height: 40px;
  --ws-component-tabs-indicator: 2px;
  --ws-component-toast-maxWidth: 420px;
  --ws-component-toast-padding: 16px;
  --ws-divider: #E6EBF0;
  --ws-error-bg: #FFF0EF;
  --ws-error-border: #E7A6A2;
  --ws-error-fg: #973A34;
  --ws-error-icon: #BE4943;
  --ws-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --ws-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ws-gradient-automation-aurora: radial-gradient(circle at 15% 20%, rgba(76,156,200,.16), transparent 42%), radial-gradient(circle at 85% 15%, rgba(131,180,34,.12), transparent 38%), #F7F9FA;
  --ws-gradient-data: linear-gradient(135deg, #364357 0%, #4C9CC8 100%);
  --ws-gradient-hero: linear-gradient(135deg, #202A38 0%, #4D5C74 100%);
  --ws-gradient-logo-green: linear-gradient(135deg, #A1CB45 0%, #6B951B 100%);
  --ws-gradient-logo-slate: linear-gradient(135deg, #65748D 0%, #435168 100%);
  --ws-gradient-success-wash: linear-gradient(135deg, #F7FBEF 0%, #FFFFFF 72%);
  --ws-info-bg: #EEF7FB;
  --ws-info-border: #A9D3E8;
  --ws-info-fg: #255F7E;
  --ws-info-icon: #347FA8;
  --ws-layout-breakpoint-2xl: 1536px;
  --ws-layout-breakpoint-lg: 1024px;
  --ws-layout-breakpoint-md: 768px;
  --ws-layout-breakpoint-sm: 480px;
  --ws-layout-breakpoint-xl: 1280px;
  --ws-layout-breakpoint-xs: 0px;
  --ws-layout-container-content: 1040px;
  --ws-layout-container-dashboard: 1440px;
  --ws-layout-container-reading: 760px;
  --ws-layout-container-wide: 1680px;
  --ws-layout-grid-desktopColumns: 12;
  --ws-layout-grid-desktopGap: 24px;
  --ws-layout-grid-mobileColumns: 4;
  --ws-layout-grid-mobileGap: 16px;
  --ws-layout-grid-tabletColumns: 8;
  --ws-layout-grid-tabletGap: 20px;
  --ws-layout-gutter-desktop: 32px;
  --ws-layout-gutter-large: 40px;
  --ws-layout-gutter-mobile: 16px;
  --ws-layout-gutter-tablet: 24px;
  --ws-layout-navigation-customerSidebarCollapsed: 72px;
  --ws-layout-navigation-customerSidebarExpanded: 256px;
  --ws-layout-navigation-opsSidebarCollapsed: 64px;
  --ws-layout-navigation-opsSidebarExpanded: 240px;
  --ws-layout-navigation-topbar: 64px;
  --ws-motion-duration-emphasis: 320ms;
  --ws-motion-duration-fast: 120ms;
  --ws-motion-duration-instant: 0ms;
  --ws-motion-duration-reveal: 240ms;
  --ws-motion-duration-standard: 180ms;
  --ws-motion-easing-enter: cubic-bezier(0, 0, 0, 1);
  --ws-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --ws-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --ws-pending-bg: #F3F5F7;
  --ws-pending-border: #CBD3DB;
  --ws-pending-fg: #4C5663;
  --ws-pending-icon: #626D7A;
  --ws-radius-lg: 12px;
  --ws-radius-md: 8px;
  --ws-radius-pill: 9999px;
  --ws-radius-sm: 6px;
  --ws-radius-xl: 16px;
  --ws-radius-xs: 2px;
  --ws-selected-bg: #E9EDF2;
  --ws-selected-border: #4D5C74;
  --ws-shadow-brand: 0 12px 30px rgba(76,156,200,.10);
  --ws-shadow-lg: 0 16px 40px rgba(23,33,48,.14);
  --ws-shadow-md: 0 8px 24px rgba(23,33,48,.10);
  --ws-shadow-overlay: 0 24px 64px rgba(14,21,31,.24);
  --ws-shadow-sm: 0 2px 6px rgba(23,33,48,.08);
  --ws-shadow-xs: 0 1px 2px rgba(23,33,48,.06);
  --ws-spacing-0: 0;
  --ws-spacing-1: 4px;
  --ws-spacing-10: 40px;
  --ws-spacing-12: 48px;
  --ws-spacing-16: 64px;
  --ws-spacing-2: 8px;
  --ws-spacing-20: 80px;
  --ws-spacing-24: 96px;
  --ws-spacing-3: 12px;
  --ws-spacing-30: 120px;
  --ws-spacing-36: 144px;
  --ws-spacing-4: 16px;
  --ws-spacing-5: 20px;
  --ws-spacing-6: 24px;
  --ws-spacing-8: 32px;
  --ws-spacing-half: 2px;
  --ws-success-bg: #F3F8E8;
  --ws-success-border: #BDD68C;
  --ws-success-fg: #456512;
  --ws-success-icon: #537418;
  --ws-surface-dark: #263447;
  --ws-surface-elevated: #FFFFFF;
  --ws-surface-page: #F7F9FA;
  --ws-surface-primary: #FFFFFF;
  --ws-surface-secondary: #F1F4F6;
  --ws-text-disabled: #98A3AF;
  --ws-text-inverse: #FFFFFF;
  --ws-text-link: #286788;
  --ws-text-muted: #626D7A;
  --ws-text-primary: #263447;
  --ws-text-secondary: #4C5663;
  --ws-type-body-lh: 24px;
  --ws-type-body-ls: 0;
  --ws-type-body-size: 16px;
  --ws-type-body-weight: 400;
  --ws-type-bodySmall-lh: 20px;
  --ws-type-bodySmall-ls: 0;
  --ws-type-bodySmall-size: 14px;
  --ws-type-bodySmall-weight: 400;
  --ws-type-button-lh: 20px;
  --ws-type-button-ls: 0;
  --ws-type-button-size: 14px;
  --ws-type-button-weight: 600;
  --ws-type-caption-lh: 18px;
  --ws-type-caption-ls: 0;
  --ws-type-caption-size: 12px;
  --ws-type-caption-weight: 400;
  --ws-type-code-lh: 20px;
  --ws-type-code-ls: 0;
  --ws-type-code-size: 13px;
  --ws-type-code-weight: 500;
  --ws-type-display-lh: 56px;
  --ws-type-display-ls: -0.02em;
  --ws-type-display-size: 48px;
  --ws-type-display-weight: 700;
  --ws-type-eyebrow-lh: 16px;
  --ws-type-eyebrow-ls: 0.08em;
  --ws-type-eyebrow-size: 12px;
  --ws-type-eyebrow-weight: 700;
  --ws-type-h1-lh: 44px;
  --ws-type-h1-ls: -0.02em;
  --ws-type-h1-size: 36px;
  --ws-type-h1-weight: 700;
  --ws-type-h2-lh: 38px;
  --ws-type-h2-ls: -0.015em;
  --ws-type-h2-size: 30px;
  --ws-type-h2-weight: 700;
  --ws-type-h3-lh: 32px;
  --ws-type-h3-ls: -0.01em;
  --ws-type-h3-size: 24px;
  --ws-type-h3-weight: 700;
  --ws-type-h4-lh: 28px;
  --ws-type-h4-ls: 0;
  --ws-type-h4-size: 20px;
  --ws-type-h4-weight: 600;
  --ws-type-h5-lh: 26px;
  --ws-type-h5-ls: 0;
  --ws-type-h5-size: 18px;
  --ws-type-h5-weight: 600;
  --ws-type-h6-lh: 24px;
  --ws-type-h6-ls: 0;
  --ws-type-h6-size: 16px;
  --ws-type-h6-weight: 600;
  --ws-type-kpiLabel-lh: 18px;
  --ws-type-kpiLabel-ls: 0;
  --ws-type-kpiLabel-size: 13px;
  --ws-type-kpiLabel-weight: 600;
  --ws-type-kpiValue-lh: 38px;
  --ws-type-kpiValue-ls: -0.015em;
  --ws-type-kpiValue-size: 32px;
  --ws-type-kpiValue-weight: 700;
  --ws-type-label-lh: 20px;
  --ws-type-label-ls: 0;
  --ws-type-label-size: 14px;
  --ws-type-label-weight: 500;
  --ws-type-lead-lh: 28px;
  --ws-type-lead-ls: 0;
  --ws-type-lead-size: 18px;
  --ws-type-lead-weight: 400;
  --ws-type-navigation-lh: 20px;
  --ws-type-navigation-ls: 0;
  --ws-type-navigation-size: 14px;
  --ws-type-navigation-weight: 600;
  --ws-type-table-lh: 20px;
  --ws-type-table-ls: 0;
  --ws-type-table-size: 14px;
  --ws-type-table-weight: 400;
  --ws-warning-bg: #FFF8E6;
  --ws-warning-border: #E8C778;
  --ws-warning-fg: #72510A;
  --ws-warning-icon: #9B6F11;
  --ws-weight-bold: 700;
  --ws-weight-medium: 500;
  --ws-weight-regular: 400;
  --ws-weight-semibold: 600;
}