/* Bright technology marketing theme for the ordinary frontend. */
body[data-theme="cloud-light"] {
  --ui-ink: #101828;
  --ui-forest: #246bfe;
  --ui-forest-deep: #101827;
  --ui-forest-soft: #edf3ff;
  --ui-paper: #f6f8fc;
  --ui-cream: #ffffff;
  --ui-gold: #246bfe;
  --ui-gold-soft: #dce8ff;
  --ui-line: #dce3ed;
  --ui-line-strong: #c7d1df;
  --ui-muted: #667085;
  --ui-subtle: #98a2b3;
  --ui-teal: #087f73;
  --ui-blue: #246bfe;
  --ui-danger: #b42318;
  --ui-shadow: 0 26px 70px rgba(18, 31, 53, 0.14);
  --ui-shadow-soft: 0 12px 34px rgba(18, 31, 53, 0.08);

  --marketing-page: #f6f8fc;
  --marketing-surface: #ffffff;
  --marketing-surface-soft: #f2f6fb;
  --marketing-ink: #101828;
  --marketing-ink-soft: #344054;
  --marketing-muted: #667085;
  --marketing-subtle: #98a2b3;
  --marketing-line: #dce3ed;
  --marketing-line-strong: #c7d1df;
  --marketing-primary: #246bfe;
  --marketing-primary-hover: #1757dd;
  --marketing-primary-soft: #edf3ff;
  --marketing-primary-border: #9fbcfb;
  --marketing-primary-shadow: rgba(36, 107, 254, 0.23);
  --marketing-secondary: #079b8c;
  --marketing-accent: #c72d72;
  --marketing-focus-ring: rgba(36, 107, 254, 0.15);
  --marketing-input: #ffffff;
  --marketing-table-head: #f1f5fa;
  --marketing-card-shadow: 0 18px 48px rgba(18, 31, 53, 0.1);
  --marketing-tool-shadow: 0 12px 34px rgba(18, 31, 53, 0.07);
  --marketing-hero-background: linear-gradient(180deg, #fbfdff 0%, #f1f6ff 64%, #f7fafd 100%);
  --marketing-hero-grid: rgba(37, 78, 139, 0.04);
  --marketing-hero-sheen: rgba(255, 255, 255, 0.92);
  --marketing-stage-surface: #101929;
  --marketing-stage-chrome: #0d1625;
  --marketing-stage-rail: #111d2f;
  --marketing-stage-workspace: #f2f5fa;
  --marketing-stage-content: #ffffff;
  --marketing-stage-border: rgba(255, 255, 255, 0.14);
  --marketing-stage-brand-ring: rgba(36, 107, 254, 0.2);
  --marketing-stage-shadow: 0 28px 80px rgba(17, 32, 58, 0.24);
  --marketing-stage-shadow-hover: 0 34px 90px rgba(17, 32, 58, 0.3);
  --marketing-tag-surface: rgba(255, 255, 255, 0.92);
  --marketing-tag-border: rgba(138, 158, 190, 0.3);
  --marketing-flow-background: #111a2b;
  --marketing-flow-muted: #aeb9ca;
  --marketing-flow-line: rgba(255, 255, 255, 0.12);
  --marketing-flow-icon: rgba(255, 255, 255, 0.07);
  --marketing-flow-accent: #51d3c0;
  --marketing-cta-background: #ffffff;
  --marketing-account-background: #111a2b;
  --marketing-account-border: rgba(255, 255, 255, 0.1);
  --marketing-account-grid: rgba(255, 255, 255, 0.04);

  --site-page-background: #f6f8fc;
  --site-header-background: transparent;
  --site-nav-surface: rgba(255, 255, 255, 0.9);
  --site-nav-border: rgba(141, 158, 184, 0.25);
  --site-nav-shadow: 0 12px 34px rgba(18, 31, 53, 0.08);
  --site-nav-text: #4b586d;
  --site-nav-hover-background: #f0f5ff;
  --site-nav-hover-text: #1757dd;
  --site-nav-active: #246bfe;
  --site-nav-indicator: #246bfe;
  --site-nav-active-background: #edf3ff;
  --site-nav-menu-surface: #ffffff;
  --site-nav-menu-shadow: 0 20px 56px rgba(18, 31, 53, 0.15);
  --site-brand-mark-background: #101828;
  --site-brand-mark-border: rgba(255, 255, 255, 0.08);
  --site-brand-mark-color: #ffffff;
  --site-brand-mark-shadow: 0 10px 22px rgba(16, 24, 40, 0.18);
  --site-action-background: #246bfe;
  --site-action-hover: #1757dd;
  --site-action-text: #ffffff;
  --site-user-chip-background: #ffffff;
  --site-user-chip-border: #dce3ed;
  --site-user-chip-text: #344054;
  --site-focus-ring: rgba(36, 107, 254, 0.2);
  --site-footer-background: #101827;
  --site-footer-border: rgba(255, 255, 255, 0.1);
  --site-footer-text: #aeb9c9;
  --site-footer-heading: #ffffff;
  --site-footer-link: #ffffff;
}

body[data-theme="cloud-light"] .home-product-tag:nth-of-type(2n) svg,
body[data-theme="cloud-light"] .home-value-grid article:nth-child(2) > svg {
  color: #079b8c;
}

body[data-theme="cloud-light"] .home-product-tag:nth-of-type(3) svg,
body[data-theme="cloud-light"] .home-value-grid article:nth-child(3) > svg {
  color: #c72d72;
}