:root {
  /* Customer Portal semantic theme contract for Bluehost. */
  --cp-color-brand-primary: #196cdf;
  --cp-color-brand-primary-hover: #0c4a9c;
  --cp-color-brand-primary-strong: #012957;
  --cp-color-brand-primary-subtle: #edf3fd;
  --cp-color-brand-secondary: #006272;
  --cp-color-brand-secondary-strong: #004e5b;
  --cp-color-action-accent: #a4286a;
  --cp-color-text-primary: #041d33;
  --cp-color-text-secondary: #4a5565;
  --cp-color-text-muted: #7a889d;
  --cp-color-text-disabled: #94a1b3;
  --cp-color-text-placeholder: #a3a3a3;
  --cp-color-text-inverse: #fff;
  --cp-color-text-link: #0c4a9c;
  --cp-color-bg-primary: #fff;
  --cp-color-bg-secondary: #fafafa;
  --cp-color-bg-tertiary: #f5f5f5;
  --cp-color-bg-quaternary: #e5e5e5;
  --cp-color-bg-page: #f6fafd;
  --cp-color-bg-muted: #f3f5f7;
  --cp-color-bg-overlay: #1e2534;
  --cp-color-bg-disabled: #f5f5f5;
  --cp-color-bg-info: #f0faff;
  --cp-color-border-strong: #d1d5dc;
  --cp-color-border-default: #d0d5e0;
  --cp-color-border-subtle: #edeff0;
  --cp-color-border-disabled: #d9d9d9;
  --cp-color-neutral-0: #fff;
  --cp-color-neutral-50: #f9fafb;
  --cp-color-neutral-100: #f3f5f7;
  --cp-color-neutral-200: #edeff0;
  --cp-color-neutral-300: #d1d5dc;
  --cp-color-neutral-500: #7c7c7c;
  --cp-color-neutral-700: #4a5565;
  --cp-color-neutral-900: #101828;
  --cp-color-neutral-1000: #000;
  --cp-color-status-error: #e00808;
  --cp-color-status-error-strong: #a30013;
  --cp-color-status-error-bg: #fff5f6;
  --cp-color-status-warning: #f2b61b;
  --cp-color-status-warning-strong: #be5a00;
  --cp-color-status-warning-bg: #fcf7f0;
  --cp-color-status-success: #108265;
  --cp-color-status-success-strong: #034a1d;
  --cp-color-status-success-bg: #e2f8f2;
  --cp-color-status-info: #196cdf;
  --cp-color-status-info-bg: #f0faff;
  --cp-color-status-null: #4a5565;
  --cp-color-status-null-bg: #e4e8ec;
  --cp-color-agent-surface: #f9f9f9;
  --cp-color-agent-secondary: #6c757d;
  --cp-color-agent-bubble: #eef7fc;
  --cp-color-agent-icon: #6b7280;
  --cp-color-agent-input-icon: #0f1729;
  --cp-color-terminal-surface: #0c1424;
  --cp-color-terminal-bar: #162033;
  --cp-color-terminal-command: #e5e9f0;
  --cp-color-terminal-step: #9cabc2;
  --cp-color-terminal-success: #28c840;
  --cp-color-terminal-info: #5aa2ff;
  --cp-color-hero-background-1: #012957;
  --cp-color-hero-background-2: #196cdf;
  --cp-color-focus-ring: #196cdf;
  --cp-color-membership-member: #84c1fc;
  --cp-color-membership-gold: #ffe391;
  --cp-color-notification-category: #214942;
  --cp-font-family: 'Inter', 'Open Sans', Helvetica, sans-serif;
  --cp-font-family-billing: 'Inter', sans-serif;
  --cp-radius-sm: 6px;
  --cp-radius-md: 12px;
  --cp-spacing-card: 24px;
  --cp-spacing-alert: 16px;
  --cp-color-brand-primary-control: #196cdf;
  --cp-color-brand-primary-light-1: #5ba3f0;
  --cp-color-brand-primary-light-2: #8bc0f6;
  --cp-color-brand-primary-light-3: #bcdcfb;
  --cp-color-brand-primary-soft: #83c0fc;
  --cp-color-brand-primary-emphasis: #012957;
  --cp-color-brand-secondary-light-1: #408995;
  --cp-color-brand-secondary-light-2: #66a1aa;
  --cp-color-brand-secondary-light-3: #cce0e3;
  --cp-color-brand-secondary-light-4: #e5eff1;
  --cp-color-brand-secondary-alt: #00476c;
  --cp-color-brand-secondary-alt-light-1: #336b89;
  --cp-color-brand-secondary-alt-light-2: #81a3b5;
  --cp-color-brand-secondary-alt-light-3: #b3c7d2;
  --cp-color-brand-secondary-alt-light-4: #e5ecf0;
  --cp-color-brand-secondary-alt-strong: #003856;
  --cp-color-brand-deep: #0d0349;
  --cp-color-text-link-light-1: #3d6eb0;
  --cp-color-text-link-light-2: #6389bf;
  --cp-color-text-link-light-3: #a7bdda;
  --cp-color-text-link-light-4: #dbe8f5;
  --cp-color-text-link-strong: #012957;
  --cp-color-text-brand: #465d77;
  --cp-color-text-heading: #1a1a1a;
  --cp-color-text-body: #1c2535;
  --cp-color-text-slate: #1e293a;
  --cp-color-text-inverse-muted: #ffffffbf;
  --cp-color-accent-green: #006229;
  --cp-color-accent-green-light-1: #409a8c;
  --cp-color-accent-green-light-2: #66aea3;
  --cp-color-accent-green-light-3: #cce4e0;
  --cp-color-accent-green-light-4: #e5f1f0;
  --cp-color-accent-green-strong: #006052;
  --cp-color-accent-blue: #006ba6;
  --cp-color-accent-blue-light-1: #4090bc;
  --cp-color-accent-blue-light-2: #66a6ca;
  --cp-color-accent-blue-light-3: #cce1ed;
  --cp-color-accent-blue-light-4: #e5f0f6;
  --cp-color-accent-blue-strong: #005685;
  --cp-color-neutral-350: #c9d0d9;
  --cp-color-neutral-400: #ccc;
  --cp-color-neutral-800: #404040;
  --cp-color-status-danger: #e84a50;
  --cp-color-status-danger-bg: #ffebea;
  --cp-color-status-danger-light: #eb6b6f;
  --cp-color-status-danger-strong: #701116;
  --cp-color-status-error-icon: #ef4444;
  --cp-color-status-error-vivid: #d0021b;
  --cp-color-status-error-deep: #9f0712;
  --cp-color-status-critical: #e11d48;
  --cp-color-status-critical-bg: #fff1f2;
  --cp-color-status-warning-light: #fae2af;
  --cp-color-status-warning-text: #8c621c;
  --cp-color-status-warning-highlight: #ffd662;
  --cp-color-status-positive: #2f964b;
  --cp-color-status-positive-bg: #ebf9ed;
  --cp-color-status-positive-light: #62b077;
  --cp-color-status-success-light: #1fc294;
  --cp-color-status-success-marketing: #00b67a;
  --cp-color-status-success-mint: #c9f0e6;
  --cp-color-status-process: #2592bd;
  --cp-color-status-process-light: #3ea7d0;
  --cp-color-bg-accent-pale: #f4f8fc;
  --cp-color-bg-accent-mist: #e8f1f9;
  --cp-color-bg-accent-ice: #eaf2ff;
  --cp-color-bg-accent-sky: #e6f6fe;
  --cp-color-bg-accent-medium: #dbf1fc;
  --cp-color-bg-accent-medium-strong: #badefa;
  --cp-color-bg-accent-bright: #a1d1fa;
  --cp-color-bg-accent-azure: #b4ddfe;
  --cp-color-bg-accent-soft: #dbe8fe;
  --cp-color-bg-accent-haze: #c9dcfb;
  --cp-color-illustration-surf: #29c9e0;
  --cp-color-illustration-aqua: #26a2ba;
  --cp-color-illustration-grass: #19a27e;
  --cp-color-illustration-spark: #f2ff47;
  --cp-color-illustration-sunny: #f4c652;
  --cp-color-illustration-ember: #f1591d;
  --cp-color-terminal-bar-text: rgba(255, 255, 255, 0.6);
  --cp-color-terminal-metric-label: rgba(255, 255, 255, 0.5);
  --cp-color-terminal-control-close: #ff5f57;
  --cp-color-terminal-control-minimize: #febc2e;
  --cp-font-family-mono: 'Roboto Mono', ui-monospace, sfmono-regular, menlo, monaco, consolas, monospace;
  --cp-font-family-stack-2: 'Inter', 'Open Sans', Helvetica, Arial, sans-serif;
  --cp-font-family-stack-3: 'Inter', 'Open Sans', sans-serif;
  --cp-font-family-stack-4: 'Inter', 'Open Sans';
  --cp-button-text-transform: uppercase;
  --cp-radius-xs: 4px;
  --cp-radius-none: 0;
  --cp-color-brand-primary-dark: #114a9b;
  --cp-color-brand-primary-light-4: #e8f0fb;
  --cp-color-brand-primary-icon: #0840a1;
  --cp-color-brand-primary-vivid: #2563eb;
  --cp-color-status-positive-strong: #267c3d;
  --cp-color-status-danger-deep: #8f4145;
  --cp-color-text-subdued: #6a7282;
  --cp-color-text-dark: #333;
  --cp-color-text-ink: #1a202c;
  --cp-color-neutral-250: #e5e7eb;
  --cp-color-neutral-150: #eee;
  --cp-color-neutral-320: #ddd;
  --cp-color-neutral-280: #e0e0e0;
  --cp-color-border-cool: #e2e8f0;
  --cp-color-status-success-vivid: #22c55e;
  --cp-color-status-success-bright: #05df72;
  --cp-color-status-success-pale: #ecfdf5;
  --cp-color-status-success-emerald: #047857;
  --cp-color-text-strong: #374151;
  --cp-color-border-soft: #dde3e4;
  --dc-theme-ter--dark1: var(--cp-color-accent-green-strong);
  --dc-theme-qua: var(--cp-color-accent-blue);
  --dc-theme-qua--dark1: var(--cp-color-accent-blue-strong);
  --amm-theme-primary: var(--cp-color-brand-primary);
  --amm-theme-primary--light3: var(--cp-color-brand-primary-light-3);
  --amm-theme-primary--light4: var(--cp-color-brand-primary-subtle);
  --amm-theme-primary--dark1: var(--cp-color-brand-primary-emphasis);
  --amm-theme-secondary: var(--cp-color-brand-secondary-alt);
  --amm-theme-secondary--light3: var(--cp-color-brand-secondary-alt-light-3);
  --amm-theme-secondary--light4: var(--cp-color-brand-secondary-alt-light-4);
  --amm-theme-secondary--dark1: var(--cp-color-brand-secondary-alt-strong);
  --mat-theme-error: var(--cp-color-status-danger);
  --dc-theme-success: var(--cp-color-status-positive);
  --dc-theme-black: var(--cp-color-neutral-1000);
  --dc-theme-grey: var(--cp-color-neutral-800);
  --dc-theme-grey--light1: var(--cp-color-neutral-500);
  --dc-theme-grey--light2: var(--cp-color-text-placeholder);
  --dc-theme-grey--light3: var(--cp-color-neutral-400);
  --dc-theme-grey--light4: var(--cp-color-bg-tertiary);
  --dc-theme-white: var(--cp-color-neutral-0);
}