:root {
  --cc-navbar-height: 5.25rem;
  --cc-font-primary: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cc-font-secondary: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cc-brand-mist: #F8FFFD;
  --cc-brand-teal: #1DBCBC;
  --cc-brand-ocean: #176589;
  --cc-brand-sky: #35BED6;
  --cc-brand-aqua: #56EBE2;
  --cc-brand-mint: #69F2BF;
  --cc-brand-sea: #30A2A9;
  --cc-secondary-peach: #FCD7B9;
  --cc-secondary-apricot: #F7B772;
  --cc-secondary-orange: #EA8F3D;
  --cc-secondary-coral: #FC8D7E;
  --cc-secondary-crimson: #DD334B;
  --cc-secondary-tomato: #FD7057;
  --cc-neutral-white: #fff;
  --cc-neutral-cloud: #f8fafc;
  --cc-neutral-fog: #eef3f1;
  --cc-neutral-charcoal: #14110F;
  --cc-neutral-black: #000;
  --cc-color-surface: var(--cc-brand-mist);
  --cc-color-text: var(--cc-brand-ocean);
  --cc-color-text-muted: var(--cc-brand-sea);
  --cc-color-action: var(--cc-brand-teal);
  --cc-color-action-strong: var(--cc-brand-sea);
  --cc-color-attention: var(--cc-secondary-tomato);
  --cc-color-critical: var(--cc-secondary-crimson);
  --cc-rgb-white: 255, 255, 255;
  --cc-rgb-black: 0, 0, 0;
  --cc-rgb-neutral-charcoal: 20, 17, 15;
  --cc-radius-xs: .35rem;
  --cc-radius-sm: .5rem;
  --cc-radius-md: .65rem;
  --cc-radius-lg: .75rem;
  --cc-radius-xl: 1rem;
  --cc-radius-pill: 999px;
  --cc-shadow-sm: 0 .45rem 1rem rgba(var(--cc-rgb-neutral-charcoal), .08);
  --cc-shadow-md: 0 .85rem 1.8rem rgba(var(--cc-rgb-neutral-charcoal), .1);
  --cc-shadow-lg: 0 1.1rem 2.8rem rgba(var(--cc-rgb-neutral-charcoal), .12);
  --cc-shadow-accent: 0 .7rem 1.45rem color-mix(in srgb, var(--site-accent, var(--cc-brand-teal)) 22%, transparent);
  --cc-focus-ring: 0 0 0 .2rem color-mix(in srgb, var(--site-accent, var(--cc-brand-teal)) 22%, transparent);
  --cc-motion-ease: cubic-bezier(.2, .8, .2, 1);
  --cc-motion-spring: cubic-bezier(.18, .89, .32, 1.18);
  --cc-motion-fast: 160ms;
  --cc-motion-base: 260ms;
  --cc-motion-slow: 420ms;
}