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

:root {
  --wi2-ink: #161523;
  --wi2-ink-2: #232138;
  --wi2-cyan: #35d6c2;
  --wi2-lime: #f3e75b;
  --wi2-coral: #ff7a59;
  --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: 53, 214, 194;
  --wi2-accent-2-rgb: 243, 231, 91;
  --wi2-dark-rgb: 22, 21, 35;
  --wi2-card: #ffffff;
  --wi2-canvas: #fafafa;
  --wi2-paper: color-mix(in srgb, var(--wi2-cyan) 4%, #fff);
  --wi2-paper-2: color-mix(in srgb, var(--wi2-cyan) 12%, #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(22, 21, 35, 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(16,24,32,.06);
  --wi2-card-shadow-hover: 0 18px 44px rgba(16,24,32,.075);
  --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: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "DM Sans", 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);
}