/* Source-owned Cloud Weave presentation contract. Existing values, not a new skin.
 * Consumers keep their original selector, cascade and responsive scope. Legacy
 * variables remain aliases in their original owners so descendant variants do
 * not accidentally inherit an alias resolved against a different palette.
 * Original logos, payment/registry marks and the live weave renderer own their
 * artwork. Native content/category colours and login styles remain independent.
 */
:root {
  /* Approved Spotlight testimonial surfaces and controls. */
  --cw-spotlight-surface: #f8fbfe;
  --cw-spotlight-ink: #071e34;
  --cw-spotlight-muted: #405b76;
  --cw-spotlight-rule: #cbdde9;
  --cw-spotlight-nav: #edf6fc;
  --cw-spotlight-active: #dfedf7;
  --cw-spotlight-accent: #006ba6;
  /* Approved disclosure variants (15 October): FAQ outline/circled control,
   * section tint/simple control. Testimonials are not disclosure content. */
  --cw-disclosure-rule: #cbdde9;
  --cw-disclosure-ink: #071e34;
  --cw-disclosure-accent: #0876b4;
  --cw-disclosure-tint: #edf6fc;
  --cw-faq-outline-surface: transparent;
  --cw-faq-outline-min-height: 60px;
  --cw-faq-outline-padding: 18px 22px;
  --cw-faq-outline-control-size: 36px;
  --cw-faq-outline-answer-padding: 0 22px 22px;
  --cw-faq-outline-symbol-size: 25px;
  --cw-faq-outline-symbol-line: 33px;
  /* Earlier cascade defaults retained for exact rendering parity. */
  --cw-faq-outline-base-surface: #fff;
  --cw-faq-outline-radius: 10px;
  --cw-faq-outline-gap: 12px;
  --cw-faq-outline-summary-gap: 20px;
  --cw-faq-outline-base-min-height: 76px;
  --cw-faq-outline-base-padding: 20px 24px;
  --cw-faq-outline-question-size: 18px;
  --cw-faq-outline-question-line: 1.5;
  --cw-faq-outline-question-weight: 650;
  --cw-faq-outline-base-control-size: 40px;
  --cw-faq-outline-control-border: 1.5px;
  --cw-faq-outline-symbol-length: 16px;
  --cw-faq-outline-symbol-stroke: 2px;
  --cw-faq-outline-base-answer-padding: 0 78px 24px 24px;
  --cw-faq-outline-answer-measure: 75ch;
  --cw-faq-outline-answer-size: 17px;
  --cw-faq-outline-answer-line: 1.7;
  --cw-faq-outline-phone-padding: 18px 16px;
  --cw-faq-outline-phone-gap: 14px;
  --cw-faq-outline-phone-control-size: 36px;
  --cw-faq-outline-phone-answer-padding: 4px 16px 22px;
  --cw-section-disclosure-summary-gap: 20px;
  --cw-section-disclosure-surface: #f8fbfe;
  --cw-section-disclosure-radius: 8px;
  --cw-section-disclosure-gap: 24px;
  --cw-section-disclosure-padding: 18px 22px;
  --cw-section-disclosure-min-height: 64px;
  --cw-section-disclosure-title-size: 22px;
  --cw-section-disclosure-title-line: 1.35;
  --cw-section-disclosure-symbol-size: 25px;
  --cw-section-disclosure-body-padding: 8px 22px 24px;
  --cw-section-disclosure-phone-padding: 15px 16px;
  --cw-section-disclosure-phone-title-size: 19px;
  --cw-section-disclosure-phone-body-padding: 8px 16px 20px;

  /* Default/application and approved marketing palettes remain distinct. */
  --cw-surface-page: #fff;
  --cw-on-dark: #fff;
  --cw-surface-dark: #071e34;
  --cw-ink-base: #071d2b;
  --cw-ink-marketing: #071e34;
  --cw-muted: #596e82;
  --cw-display-base: #087fc3;
  --cw-display-marketing: #0785c7;
  --cw-action: #0878b9;
  --cw-action-hover: #006799;
  --cw-action-hover-base: #066aa5;
  --cw-action-hover-family: #066ca4;
  --cw-link-base: #0072b4;
  --cw-link-marketing: #006dab;
  --cw-rule-base: #d2dfe9;
  --cw-rule-marketing: #d5e3ee;
  --cw-soft-base: #eef7fc;
  --cw-soft-marketing: #edf6fc;
  --cw-brand-red: #db1748;
  --cw-illustration-accent: #ff0036;
  --cw-icon-accent: #f00036;
  --cw-focus-brand: #e90036;
  --cw-action-secondary-ink: #122b43;
  --cw-action-secondary-family-ink: #15324f;
  --cw-action-secondary-hover: #e9f3f9;

  /* Type roles preserve the original default and marketing density. */
  --cw-font-body: Manrope,Arial,sans-serif;
  --cw-body-size-base: 20px;
  --cw-body-size-base-phone: 18px;
  --cw-body-size-marketing: 17px;
  --cw-body-line-base: 1.45;
  --cw-body-line-marketing: 1.5;
  --cw-heading-weight: 750;
  --cw-heading-tracking-base: -.045em;
  --cw-heading-tracking-marketing: -.035em;
  --cw-heading-2-marketing: clamp(30px,3vw,42px);
  --cw-heading-2-marketing-line: 1.14;
  --cw-heading-3-marketing: 24px;
  --cw-heading-3-marketing-line: 1.25;

  /* Containers and recurring component spacing are independent roles. */
  --cw-width-shell: 1440px;
  --cw-width-copy: 1200px;
  --cw-width-copy-wide: 1400px;
  --cw-width-faq: 1000px;
  --cw-measure-answer: 85ch;
  --cw-gutter-base: clamp(24px,4%,64px);
  --cw-gutter-marketing: 4%;
  --cw-gutter-base-phone: 24px;
  --cw-gutter-phone: 20px;
  --cw-section-space-phone: 32px;
  --cw-control-gap: 10px;
  --cw-control-gap-base: 20px;

  /* Base and marketing action controls; application/plugin variants below. */
  --cw-control-min-height: 44px;
  --cw-action-min-height: 50px;
  --cw-action-min-height-base: 56px;
  --cw-action-radius: 7px;
  --cw-action-radius-base: 3px;
  --cw-action-size: 16px;
  --cw-action-size-base: 20px;
  --cw-action-size-base-phone: 18px;
  --cw-action-weight: 650;
  --cw-action-weight-base: 500;
  --cw-action-line: 1.4;
  --cw-action-padding: 14px 20px;
  --cw-action-padding-phone: 13px 16px;
  --cw-action-padding-base: 15px 25px;
  --cw-action-padding-base-phone: 13px 20px;

  /* Menus/chrome retain the approved application and marketing geometry. */
  --cw-header-height-base: 92px;
  --cw-header-height-marketing: 84px;
  --cw-header-height-medium: 72px;
  --cw-header-height-phone: 68px;
  --cw-logo-width-base: 278px;
  --cw-logo-width-marketing: 250px;
  --cw-logo-width-medium: 235px;
  --cw-logo-width-phone: 190px;
  --cw-logo-width-narrow: 166px;
  --cw-nav-surface: #fff;
  --cw-nav-radius: 8px;
  --cw-nav-item-radius: 4px;
  --cw-nav-shadow: 0 10px 24px #071e3414;
  --cw-focus-width: 3px;
  --cw-focus-offset: 4px;
  --cw-focus-control-width: 2px;
  --cw-focus-control-offset: 3px;

  /* Whole CTA/footer roles include inset, hover and focus treatments. */
  --cw-cta-rule: #36516a;
  --cw-cta-accent: #50baff;
  --cw-cta-copy: #d4e4f1;
  --cw-cta-link: #b5e4ff;
  --cw-cta-hover-border: #59bdff;
  --cw-cta-secondary-hover: #1b405e;
  --cw-focus-dark: #ff6b8a;
  --cw-selection-dark: #c9eafa;
  --cw-footer-muted: #c7d6df;
  --cw-footer-rule: #ffffff30;
  --cw-footer-size: 14px;
  --cw-footer-heading-size: 16px;
  --cw-footer-padding: 36px 22px;

  /* The later approved homepage/quote polish has its own dark composition. */
  --cw-polish-infrastructure-surface: #0b2d42;
  --cw-polish-cta-surface: #071f30;
  --cw-polish-copy: #c1d3de;
  --cw-polish-rule-dark: #355364;
  --cw-polish-accent: #b7def3;
  --cw-polish-ink: #09263c;
  --cw-polish-muted: #4a6277;
  --cw-polish-link: #006bb5;
  --cw-polish-rule-light: #ccdce7;
  --cw-polish-art-accent: #ff345b;
  --cw-polish-metric-muted: #496279;
  --cw-polish-rail-surface: #103448;
  --cw-polish-action-height: 48px;
  --cw-polish-action-padding: 12px 20px;
  --cw-polish-action-size: 15px;
  --cw-polish-action-size-phone: 14px;
  --cw-polish-action-weight: 700;
  --cw-polish-action-line: 1.5;
  --cw-polish-action-radius: 4px;
  --cw-polish-action-gap: 12px;
  --cw-polish-section-space: 76px;
  --cw-polish-section-space-phone: 48px;
  --cw-polish-width: 1280px;

  /* FAQ, compact details, native tables and forms. */
  --cw-faq-min-height: 60px;
  --cw-faq-size: 17px;
  --cw-faq-size-phone: 16px;
  --cw-faq-weight: 650;
  --cw-faq-padding: 17px 12px;
  --cw-faq-padding-phone: 16px 4px;
  --cw-faq-gap: 24px;
  --cw-faq-chevron-size: 18px;
  --cw-faq-answer-size: 16px;
  --cw-faq-answer-line: 1.65;
  --cw-detail-surface: #f8fbfe;
  --cw-detail-radius: 8px;
  --cw-table-size: 16px;
  --cw-table-line: 1.5;
  --cw-table-cell-padding: 16px 20px;
  --cw-table-compact-size: 15px;
  --cw-table-compact-padding: 12px 16px;
  --cw-table-phone-padding: 12px;
  --cw-field-border: #9eb0bf;
  --cw-field-border-family: #a7bacb;
  --cw-field-radius-base: 3px;
  --cw-field-radius-marketing: 7px;
  --cw-field-min-height: 50px;
  --cw-field-padding: 12px 16px;
  --cw-form-error: #a81735;
  --cw-domain-invalid: #b42335;
  --cw-domain-valid: #217653;

  /* Suitable feature-icon styling only; paths and motion remain asset-owned. */
  --cw-icon-ink: #006dab;
  --cw-icon-surface: #f1f8fd;
  --cw-icon-rule: #cbdfea;
  --cw-icon-hover-surface: #e6f3fb;
  --cw-icon-hover-rule: #8bbbd8;
  --cw-icon-tile-size: 72px;
  --cw-icon-tile-size-phone: 62px;
  --cw-icon-tile-size-compact: 46px;
  --cw-icon-tile-size-compact-phone: 42px;
  --cw-icon-tile-radius: 15px;
  --cw-icon-tile-radius-compact: 10px;

  /* Prompt is a separate approved application, not a marketing body variant. */
  --cw-app-focus: #005487;
  --cw-app-link-hover: #006dab;
  --cw-app-field-rule: #9bb4cb;
  --cw-app-placeholder: #586f86;
  --cw-app-preview-rule: #9cc6e2;
  --cw-app-preview-surface: #f3f9fe;
  --cw-app-token-ink: #005487;
  --cw-app-token-surface: #dceffc;
  --cw-app-token-rule: #27729d;
  --cw-app-token-filled: #e9f4fb;
  --cw-app-token-active: #c7e6fb;
  --cw-app-action-hover: #edf7fd;
  --cw-app-control-radius: 4px;
  --cw-app-control-size: 16px;
  --cw-app-field-min-height: 46px;
  --cw-app-action-min-height: 48px;
  --cw-app-field-padding: 10px 12px;

  /* Native integration adapters retain their deliberately different palettes. */
  --cw-consent-primary: #2563eb;
  --cw-consent-primary-hover: #1d4ed8;
  --cw-consent-secondary: #475569;
  --cw-consent-secondary-hover: #334155;
  --cw-consent-text: #0f172a;
  --cw-consent-rule: #cbd5e1;
  --cw-consent-tertiary-hover: #f1f5f9;
  --cw-consent-tertiary-hover-rule: #1e293b;
  --cw-consent-soft: #eff6ff;
  --cw-consent-shadow: 0 -8px 30px rgb(2 6 23 / 10%);
  --cw-consent-action-radius: 999px;
  --cw-consent-action-height: 48px;
  --cw-consent-action-width: 144px;
  --cw-consent-action-padding: 11px 26px;
  --cw-language-text: #09263c;
  --cw-language-rule: #ccdce7;
  --cw-language-radius: 4px;
  --cw-language-action-height: 48px;
  --cw-language-action-padding: 12px 16px;
}

/* Opt-in section surfaces: a paired background/foreground contract. */
:root {
  --cw-section-light-bg: #fff;
  --cw-section-soft-bg: #edf6fc;
  --cw-section-light-ink: #071e34;
  --cw-section-light-copy: #36546b;
  --cw-section-light-accent: #006dab;
  --cw-section-light-rule: #cbdde9;
  --cw-section-dark-bg: #0b2d42;
  --cw-section-dark-panel: #103448;
  --cw-section-dark-ink: #fff;
  --cw-section-dark-copy: #c1d3de;
  --cw-section-dark-accent: #b7def3;
  --cw-section-dark-rule: #52758a;
  --cw-section-dark-hover: #19465e;
}