/*
 * AUTO-GENERATED by scripts/generate-crs-tokens-css.mjs — do not edit.
 * Source: crservers.com src/theme/crsTokens.generated.ts (design-system/design-tokens.json,
 * signed/preserve leaves only).
 */
:root {
  --crs-action-commercial-filled-fill: linear-gradient(90deg, #007FAF 0%, #006790 100%);
  --crs-action-commercial-filled-gradient-start: #007FAF;
  --crs-action-commercial-filled-gradient-end: #006790;
  --crs-action-commercial-filled-border: #006790;
  --crs-action-commercial-filled-hover-fill: #006790;
  --crs-action-commercial-filled-hover-gradient-start: #006790;
  --crs-action-commercial-filled-hover-gradient-end: #004F70;
  --crs-action-commercial-filled-hover-border: #004F70;
  --crs-action-commercial-outline-border-width: 2px;
  --crs-action-commercial-outline-border-color: #009DD4;
  --crs-action-commercial-outline-fill: transparent;
  --crs-action-commercial-outline-text: #006390;
  --crs-action-commercial-outline-surface: #FFFFFF;
  --crs-action-interface-fill: #0076A4;
  --crs-action-interface-border: #0076A4;
  --crs-action-interface-text: #FFFFFF;
  --crs-action-interface-hover-fill: #006390;
  --crs-action-interface-hover-border: #006390;
  --crs-action-interface-hover-text: #FFFFFF;
  --crs-action-interface-hover-gradient-start: #006D98;
  --crs-action-interface-hover-gradient-end: #00648C;
  --crs-action-interface-gradient-start: #0076A4;
  --crs-action-interface-gradient-end: #006D98;
  --crs-action-support-fill: #009DD4;
  --crs-action-support-border: #009DD4;
  --crs-action-support-hover-fill: #0080ad;
  --crs-action-support-hover-border: #0080ad;
  --crs-action-support-hover-icon: #FFFFFF;
  --crs-action-support-icon: #FFFFFF;
  --crs-text-strong: #101828;
  --crs-text-muted: #707070;
  --crs-text-inverse: #FFFFFF;
  --crs-text-section-opener: #0080ad;
  --crs-text-link: #0076A4;
  --crs-surface-page: #F7F9FC;
  --crs-surface-card: #FFFFFF;
  --crs-surface-footer: linear-gradient(90deg, #009DD4 0%, #006390 100%);
  --crs-border-subtle: #F3F4FE;
  --crs-border-muted: #EBEBEB;
  --crs-border-field: rgba(0, 0, 0, 0.23);
  --crs-border-control: #CED4DA;
  --crs-border-card: #A4A4A4;
  --crs-border-divider-commercial: rgba(0, 92, 159, 0.12);
  --crs-status-error: #B42335;
  --crs-status-success: #146C43;
  --crs-status-warning: #8A5200;
  --crs-status-info: #006390;
  --crs-status-success-surface: #E7F5EE;
  --crs-status-warning-surface: #FFF4E0;
  --crs-status-error-surface: #FDECEE;
  --crs-status-info-surface: #E6F4FB;
  --crs-status-neutral: #475467;
  --crs-status-neutral-surface: #F2F4F7;
  --crs-gradient-footer: linear-gradient(90deg, #009DD4 0%, #006390 100%);
  --crs-gradient-hero: linear-gradient(145deg, #006390 0%, #009DD4 48%, #003E57 100%);
  --crs-gradient-commercial: linear-gradient(90deg, #007FAF 0%, #006790 100%);
  --crs-gradient-interface: linear-gradient(180deg, #0076A4 0%, #006D98 100%);
  --crs-gradient-interface-hover: linear-gradient(180deg, #006D98 0%, #00648C 100%);
  --crs-typography-font-family: Roboto, Helvetica, Arial, sans-serif;
  --crs-typography-section-looking-servers-title-font-size: 28px;
  --crs-typography-section-looking-servers-title-line-height: 34px;
  --crs-typography-section-looking-servers-title-font-weight: 700;
  --crs-typography-product-hero-title-font-size-xs: 32px;
  --crs-typography-product-hero-title-font-size-md: 40px;
  --crs-typography-product-hero-title-line-height: 1.2;
  --crs-typography-product-hero-title-font-weight: 700;
  --crs-typography-product-hero-body-font-size-xs: 16px;
  --crs-typography-product-hero-body-font-size-md: 17px;
  --crs-typography-product-hero-body-line-height: 1.6;
  --crs-typography-product-hero-body-font-weight: 400;
  --crs-radius-control: 10px;
  --crs-radius-surface: 12px;
  --crs-radius-card: 16px;
  --crs-radius-round: 50%;
  --crs-radius-pill: 999px;
  --crs-shadow-button: 1px 4px 4px rgba(0, 0, 0, 0.15);
  --crs-shadow-card: 6px 6px 14px 0px #35405226;
  --crs-shadow-card-hover: 10px 14px 28px 0px #35405240;
  --crs-shadow-card-selected: 0 6px 16px rgba(0, 110, 191, 0.35);
  --crs-shadow-accordion: 0 0 0 1px #C9CBCC4D;
  --crs-motion-fast: 120ms;
  --crs-motion-base: 180ms;
  --crs-motion-slow: 280ms;
  --crs-motion-easing: ease-in-out;
  --crs-motion-reduced-motion-fallback-duration: 0.01ms;
  --crs-control-min-height-default: 44px;
  --crs-control-min-height-compact: 40px;
  --crs-control-radius: 10px;
  --crs-palette-blue-brand: #009DD4;
  --crs-palette-blue-brand-hover: #0080ad;
  --crs-palette-blue-interface: #0076A4;
  --crs-palette-blue-dark: #006390;
  --crs-palette-blue-navy: #00496F;
  --crs-palette-blue-deep: #003E57;
  --crs-palette-blue-bright: #00B4E4;
  --crs-palette-blue-band-mid: #007DA8;
  --crs-hero-min-height: 315px;
  --crs-product-hero-action-variant: whitePill;
  --crs-fab-offset-xs: 88px;
  --crs-fab-offset-sm: 120px;
  --crs-fab-size: 56px;
  --crs-fab-radius: 50%;
  --crs-fab-parity-breakpoint: 960px;
  --crs-fab-focus-color: rgba(0, 157, 212, 0.45);
  --crs-fab-focus-width: 3px;
  --crs-fab-focus-offset: 2px;
  --crs-card-padding: 24px;
  --crs-card-radius: 16px;
  --crs-callout-bar-width: 3px;
  --crs-callout-padding-block: 16px;
  --crs-callout-padding-inline: 20px;
  --crs-callout-radius: 12px;
  --crs-callout-quote-surface: rgba(0, 157, 212, 0.06);
  --crs-callout-quote-border: rgba(0, 157, 212, 0.18);
  --crs-callout-quote-bar: #009DD4;
  --crs-callout-quote-text: #101828;
  --crs-callout-info-surface: #E6F4FB;
  --crs-callout-info-bar: #006390;
  --crs-callout-info-text: #006390;
  --crs-callout-success-surface: #E7F5EE;
  --crs-callout-success-bar: #146C43;
  --crs-callout-success-text: #146C43;
  --crs-callout-warning-surface: #FFF4E0;
  --crs-callout-warning-bar: #8A5200;
  --crs-callout-warning-text: #8A5200;
  --crs-callout-error-surface: #FDECEE;
  --crs-callout-error-bar: #B42335;
  --crs-callout-error-text: #B42335;
}