/* Brand tokens only. Structural component rules belong to versioned modules. */

:root {
  --wi2-ink: #192443;
  --wi2-ink-2: #24335A;
  --wi2-cyan: #12A9B0;
  --wi2-lime: #5FE0DE;
  --wi2-coral: #F3B44E;
  --wi2-dark-section: color-mix(in srgb, var(--wi2-ink) 88%, var(--wi2-cyan));
  --wi2-dark-section-2: color-mix(in srgb, var(--wi2-ink) 78%, var(--wi2-lime));
  --wi2-accent-rgb: 18, 169, 176;
  --wi2-accent-2-rgb: 243, 180, 78;
  --wi2-dark-rgb: 25, 36, 67;
  --wi2-card: #ffffff;
  --wi2-canvas: #fafafa;
  --wi2-paper: color-mix(in srgb, var(--wi2-cyan) 3%, #fff);
  --wi2-paper-2: color-mix(in srgb, var(--wi2-cyan) 10%, #fff);
  --wi2-text: color-mix(in srgb, var(--wi2-ink) 94%, #111);
  --wi2-muted: color-mix(in srgb, var(--wi2-ink) 58%, #7b8790);
  --wi2-line: color-mix(in srgb, var(--wi2-cyan) 18%, #dde2e0);
  --wi2-accent-strong: var(--wi2-cyan);
  --wi2-on-accent: color-mix(in srgb, var(--wi2-ink) 84%, #000);
  --wi2-on-accent-2: var(--wi2-ink);
  --wi2-shadow: 0 24px 70px rgba(25, 36, 67, 0.13);
  --wi2-card-radius: 26px;
  --cms-ds-action-radius: 12px;
  --cms-ds-action-motion: .3s cubic-bezier(.22, .61, .36, 1);
  --wi2-action-radius: var(--cms-ds-action-radius);
  --wi2-action-motion: var(--cms-ds-action-motion);
  --wi2-card-shadow: 0 16px 48px rgba(25,36,67,.06);
  --wi2-card-shadow-hover: 0 18px 44px rgba(25,36,67,.08);
  --wi2-card-motion: .32s cubic-bezier(.22, 1, .36, 1);
  --wi2-title-motion: .24s ease;
  --wi2-post-excerpt-size: 14.5px;
  --wi2-post-excerpt-line: 1.52;
  --wi2-type-display: clamp(40px, 4.8vw, 68px);
  --wi2-type-display-wide: clamp(42px, 5.1vw, 74px);
  --wi2-type-display-xl: clamp(44px, 5.5vw, 76px);
  --wi2-type-section: clamp(30px, 3.8vw, 54px);
  --wi2-type-feature: clamp(28px, 3.2vw, 46px);
  --wi2-type-comparison-hero: clamp(38px, 4.2vw, 56px);
  --wi2-type-comparison-section: clamp(28px, 3.1vw, 43px);
  --wi2-type-comparison-card: clamp(22px, 2.4vw, 28px);
  --wi2-type-display-mobile: clamp(34px, 9.5vw, 48px);
  --wi2-type-comparison-hero-mobile: clamp(32px, 9.2vw, 43px);
  --color-accent: var(--wi2-cyan);
  --color-accent-2: var(--wi2-coral);
  --color-accent-3: var(--wi2-lime);
  --color-canvas: var(--wi2-canvas);
  --color-bg: var(--wi2-paper);
  --color-bg-alt: var(--wi2-paper-2);
  --color-text: var(--wi2-text);
  --color-text-muted: var(--wi2-muted);
  --color-border: var(--wi2-line);
  --color-dark-bg: var(--wi2-ink);
  --color-dark-text: #f8fafc;
  --cms-layout-section-bg: transparent;
  --font-heading: "Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius: 16px;
  --radius-lg: var(--wi2-card-radius);
  --container: 1220px;
  --wi2-hero-height: clamp(570px, 72vh, 700px);
}

.cms-editorial-brand-logo {
  display: block;
  width: auto;
  height: 50px;
  max-width: 260px;
}

.cms-editorial-brand-logo--footer {
  height: 46px;
  max-width: min(100%, 240px);
}

@media (max-width: 520px) {
  .cms-editorial-brand-logo { height: 38px; max-width: 198px; }
}