/* GENERATED by admin/scripts/build-tokens.ts. Edit shared/src/tokens.ts. */
:root {
--cb-color-accent-50: #FFF0F2;
--cb-color-accent-100: #FFE0E5;
--cb-color-accent-200: #FFC2CC;
--cb-color-accent-300: #FFA3B2;
--cb-color-accent-400: #FF758B;
--cb-color-accent-500: #FF445E;
--cb-color-accent-600: #D92B45;
--cb-color-accent-700: #A61A30;
--cb-color-accent-800: #7A1021;
--cb-color-accent-900: #4A0712;
--cb-color-blackcurrant: #322A35;
--cb-color-scarlet-gum: #45344C;
--cb-color-orange-peel: #FF9700;
--cb-color-ceramic-grey: #FCFAFF;
--cb-color-white: #FFFFFF;
--cb-color-black: #161B26;
--cb-color-transparent: #FFFFFF00;
--cb-color-bg-light-purple: #F9F4FF;
--cb-color-text-primary: #322A35;
--cb-color-text-secondary: #333741;
--cb-color-text-tertiary: #61646C;
--cb-color-border-dark: #E8E9EB4D;
--cb-color-border-light: #E5E5E5;
--cb-color-score-good: #2E9E5B;
--cb-color-score-warn: #FF9700;
--cb-color-score-poor: #D92B45;
--cb-color-severity-critical: #A61A30;
--cb-color-severity-major: #FF9700;
--cb-color-severity-minor: #61646C;
--cb-font-family: 'Poppins', system-ui, sans-serif;
--cb-font-heading: 'Poppins', system-ui, sans-serif;
--cb-font-body: 'Poppins', system-ui, sans-serif;
--cb-font-mono: ui-monospace, monospace;
--cb-font-weight-regular: 400;
--cb-font-weight-medium: 500;
--cb-font-weight-semibold: 600;
--cb-font-weight-bold: 700;
--cb-type-xs-size: 12px;
--cb-type-xs-line-height: 18px;
--cb-type-xs-letter-spacing: 0px;
--cb-type-sm-size: 14px;
--cb-type-sm-line-height: 20px;
--cb-type-sm-letter-spacing: 0px;
--cb-type-base-size: 16px;
--cb-type-base-line-height: 24px;
--cb-type-base-letter-spacing: 0px;
--cb-type-md-size: 18px;
--cb-type-md-line-height: 28px;
--cb-type-md-letter-spacing: 0px;
--cb-type-lg-size: 20px;
--cb-type-lg-line-height: 30px;
--cb-type-lg-letter-spacing: 0px;
--cb-type-xl-size: 24px;
--cb-type-xl-line-height: 32px;
--cb-type-xl-letter-spacing: 0px;
--cb-type-2xl-size: 30px;
--cb-type-2xl-line-height: 38px;
--cb-type-2xl-letter-spacing: 0px;
--cb-type-3xl-size: 36px;
--cb-type-3xl-line-height: 44px;
--cb-type-3xl-letter-spacing: -2px;
--cb-type-4xl-size: 48px;
--cb-type-4xl-line-height: 60px;
--cb-type-4xl-letter-spacing: -2px;
--cb-type-5xl-size: 60px;
--cb-type-5xl-line-height: 72px;
--cb-type-5xl-letter-spacing: -2px;
--cb-type-hero-size: 72px;
--cb-type-hero-line-height: 80px;
--cb-type-hero-letter-spacing: -2px;
--cb-tracking-xxs: 2px;
--cb-tracking-xs: 4px;
--cb-tracking-sm: 6px;
--cb-tracking-md: 8px;
--cb-tracking-lg: 12px;
--cb-space-none: 0px;
--cb-space-xxs: 2px;
--cb-space-xs: 4px;
--cb-space-sm: 6px;
--cb-space-md: 8px;
--cb-space-lg: 12px;
--cb-space-xl: 16px;
--cb-space-2xl: 20px;
--cb-space-3xl: 24px;
--cb-space-4xl: 32px;
--cb-space-5xl: 40px;
--cb-space-6xl: 48px;
--cb-space-7xl: 64px;
--cb-space-8xl: 80px;
--cb-space-9xl: 96px;
--cb-space-10xl: 128px;
--cb-space-11xl: 160px;
--cb-radius-none: 0px;
--cb-radius-xxs: 2px;
--cb-radius-xs: 4px;
--cb-radius-sm: 6px;
--cb-radius-md: 8px;
--cb-radius-lg: 10px;
--cb-radius-xl: 12px;
--cb-radius-2xl: 16px;
--cb-radius-3xl: 20px;
--cb-radius-4xl: 24px;
--cb-radius-full: 9999px;
--cb-width-xxs: 320px;
--cb-width-xs: 384px;
--cb-width-sm: 480px;
--cb-width-md: 560px;
--cb-width-lg: 640px;
--cb-width-xl: 768px;
--cb-width-2xl: 1024px;
--cb-width-3xl: 1280px;
--cb-width-4xl: 1440px;
--cb-width-5xl: 1680px;
--cb-width-6xl: 1920px;
--cb-layout-paragraph-max-width: 720px;
--cb-layout-container-padding-mobile: 16px;
--cb-layout-container-padding-desktop: 32px;
--cb-layout-container-max-width-desktop: 1680px;
--cb-category-tint-performance-dark: #F8A0A8;
--cb-category-tint-performance-light: #F58C99;
--cb-category-tint-mobile-usability-dark: #F7A68C;
--cb-category-tint-mobile-usability-light: #F18D6D;
--cb-category-tint-accessibility-dark: #F6C177;
--cb-category-tint-accessibility-light: #ECAE4E;
--cb-category-tint-clarity-dark: #F1D37C;
--cb-category-tint-clarity-light: #E6C152;
--cb-category-tint-crawlability-dark: #EBE481;
--cb-category-tint-crawlability-light: #DFD456;
--cb-category-tint-landing-pages-dark: #DCE587;
--cb-category-tint-landing-pages-light: #CCD95A;
--cb-category-tint-seo-dark: #C8E08C;
--cb-category-tint-seo-light: #B7D25F;
--cb-category-tint-link-health-dark: #B0DE8C;
--cb-category-tint-link-health-light: #92D062;
--cb-category-tint-structured-data-dark: #9CDE90;
--cb-category-tint-structured-data-light: #71CD62;
--cb-category-tint-conversion-dark: #92DD9A;
--cb-category-tint-conversion-light: #64CA70;
--cb-category-tint-ai-visibility-dark: #93DCB0;
--cb-category-tint-ai-visibility-light: #66C795;
--cb-category-tint-ai-readiness-dark: #91DCC8;
--cb-category-tint-ai-readiness-light: #64CAB4;
--cb-category-tint-design-dark: #8FD6DC;
--cb-category-tint-design-light: #63C2CC;
--cb-category-tint-security-dark: #99CAE7;
--cb-category-tint-security-light: #73B3DB;
--cb-category-tint-tech-stack-dark: #A6BFF0;
--cb-category-tint-tech-stack-light: #85A6E8;
--cb-category-tint-tracking-dark: #ABABF0;
--cb-category-tint-tracking-light: #9395E9;
--cb-category-tint-local-visibility-dark: #C4AFF0;
--cb-category-tint-local-visibility-light: #AE95E8;
--cb-category-tint-languages-dark: #D3ADF0;
--cb-category-tint-languages-light: #C393E7;
--cb-category-tint-privacy-dark: #E3ACEF;
--cb-category-tint-privacy-light: #D790E7;
--cb-category-tint-commerce-dark: #EFAAEA;
--cb-category-tint-commerce-light: #E68DE1;
--cb-category-tint-marketing-footprint-dark: #EFA8D8;
--cb-category-tint-marketing-footprint-light: #E68AC7;
--cb-category-tint-content-freshness-dark: #F4A4C2;
--cb-category-tint-content-freshness-light: #EE8BB2;
--cb-shadow-card: 0 2px 8px rgba(50, 42, 53, 0.08);
--cb-shadow-raised: 0 8px 24px rgba(50, 42, 53, 0.12);
--cb-motion-fast: 150ms;
--cb-motion-base: 250ms;
--cb-motion-slow: 400ms;
--cb-motion-ease: cubic-bezier(0.2, 0, 0, 1);
--cb-motion-work-loop: 1.1s;
--cb-motion-work-phase: 130ms;
--cb-motion-work-loop-calm: 2.2s;
--cb-motion-spring: cubic-bezier(0.16, 1, 0.3, 1);
--cb-motion-step: 90ms;
--cb-motion-creep: 18s;
--cb-motion-creep-ease: cubic-bezier(0.05, 0.7, 0.1, 1);
--cb-breakpoint-sm: 480px;
--cb-breakpoint-md: 768px;
--cb-breakpoint-lg: 1024px;

  /* The wall's palette, resolved here because the television cannot mix
     colours at run time. See admin/scripts/wall-palette.ts. */
  --cb-tv-base: #1E1F2A;
  --cb-tv-surface: #322A35;
  --cb-tv-raised: #3E3043;
  --cb-tv-ink: #FCFAFF;
  --cb-tv-line: rgba(252, 250, 255, 0.15);
  --cb-tv-line-strong: rgba(252, 250, 255, 0.28);
  --cb-tv-accent: #FF445E;
  --cb-tv-accent-wash: rgba(255, 68, 94, 0.18);
  --cb-tv-accent-quiet: rgba(255, 68, 94, 0.09);
  --cb-tv-accent-text: #FFA3B2;
  --cb-tv-on-accent: #FFFFFF;
  --cb-tv-good: #2E9E5B;
  --cb-tv-warn: #FF9700;
  --cb-tv-poor: #FF445E;
  --cb-tv-good-text: #62B584;
  --cb-tv-warn-text: #FF9700;
  --cb-tv-poor-text: #FFA3B2;
  --cb-tv-map-wash: #372D3B;
  --cb-tv-map-veil: rgba(50, 42, 53, 0.82);
  --cb-tv-map-grid: rgba(252, 250, 255, 0.08);
  --cb-tv-map-line: rgba(252, 250, 255, 0.22);
  --cb-tv-map-halo: rgba(255, 68, 94, 0.35);
}