/* IVIA v4 design tokens - generated by scripts/build_tokens.py from tokens.json. Do not edit by hand. */
:root {
  --iv-color-eth-blue: #215caf;
  --iv-color-eth-petrol: #007894;
  --iv-color-eth-green: #627313;
  --iv-color-eth-bronze: #8e6713;
  --iv-color-eth-red: #b7352d;
  --iv-color-eth-purple: #a7117a;
  --iv-color-eth-grey: #6f6f6f;
  --iv-color-brand-highlight: #ffd400;
  --iv-color-brand-highlight-legacy: #eac50b;
  --iv-color-pillar-understand-tint: #a6deef;
  --iv-color-pillar-align-tint: #f9e592;
  --iv-color-pillar-augment-tint: #d3ec9e;
  --iv-color-pillar-understand-text: #0c4d6b;
  --iv-color-pillar-align-text: #7b5b13;
  --iv-color-pillar-augment-text: #47651f;
  --iv-color-pillar-understand-ink: #2f6fdb;
  --iv-color-pillar-align-ink: #b8860b;
  --iv-color-pillar-augment-ink: #2e7d32;
  --iv-color-pillar-other-ink: #8a8a8a;
  --iv-color-actor-human: #7dd6e6;
  --iv-color-actor-interface: #b6d07b;
  --iv-color-actor-ai: #eedc7f;
  --iv-color-dataviz-categorical-1: #4477aa;
  --iv-color-dataviz-categorical-2: #ee6677;
  --iv-color-dataviz-categorical-3: #228833;
  --iv-color-dataviz-categorical-4: #ccbb44;
  --iv-color-dataviz-categorical-5: #66ccee;
  --iv-color-dataviz-categorical-6: #aa3377;
  --iv-color-dataviz-categorical-7: #bbbbbb;
  --iv-color-dataviz-sequential-1: #ffffe5;
  --iv-color-dataviz-sequential-2: #fff7bc;
  --iv-color-dataviz-sequential-3: #fee391;
  --iv-color-dataviz-sequential-4: #fec44f;
  --iv-color-dataviz-sequential-5: #fb9a29;
  --iv-color-dataviz-sequential-6: #ec7014;
  --iv-color-dataviz-sequential-7: #cc4c02;
  --iv-color-dataviz-sequential-8: #993404;
  --iv-color-dataviz-sequential-9: #662506;
  --iv-color-dataviz-diverging-1: #2166ac;
  --iv-color-dataviz-diverging-2: #4393c3;
  --iv-color-dataviz-diverging-3: #92c5de;
  --iv-color-dataviz-diverging-4: #d1e5f0;
  --iv-color-dataviz-diverging-5: #f7f7f7;
  --iv-color-dataviz-diverging-6: #fddbc7;
  --iv-color-dataviz-diverging-7: #f4a582;
  --iv-color-dataviz-diverging-8: #d6604d;
  --iv-color-dataviz-diverging-9: #b2182b;
  --iv-color-dataviz-highlight: #eac50b;
  --iv-color-dataviz-rest: #b4b3ab;
  --iv-font-family-sans: "DIN Next", DinPro, Arial, "Helvetica Neue", sans-serif;
  --iv-font-family-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --iv-font-weight-regular: 400;
  --iv-font-weight-medium: 500;
  --iv-font-weight-semibold: 600;
  --iv-font-weight-bold: 700;
  --iv-font-weight-heavy: 800;
  --iv-space-1: 4px;
  --iv-space-2: 8px;
  --iv-space-3: 12px;
  --iv-space-4: 16px;
  --iv-space-6: 24px;
  --iv-space-8: 32px;
  --iv-space-12: 48px;
  --iv-space-16: 64px;
  --iv-layout-max: 1168px;
  --iv-layout-gutter: 32px;
  --iv-layout-nav-height: 72px;
  --iv-layout-section-y: 88px;
  --iv-layout-header-top: 72px;
  --iv-layout-card-min: 300px;
  --iv-layout-measure-lead: 62ch;
  --iv-layout-measure-title: 18ch;
  --iv-radius-sm: 6px;
  --iv-radius-md: 10px;
  --iv-radius-lg: 20px;
  --iv-radius-pill: 999px;
  --iv-radius-xs: 5px;
  --iv-border-hair: 1px;
  --iv-border-chip: 1.5px;
  --iv-border-strong: 2px;
  --iv-border-rule: 3px;
  --iv-shadow-none: 0px 0px 0px 0px #00000000;
  --iv-shadow-hub: 0px 2px 16px 0px #1111111a;
  --iv-shadow-glow: 0px 0px 28px 8px #eac50b73;
  --iv-motion-duration-fast: 150ms;
  --iv-motion-duration-base: 300ms;
  --iv-motion-duration-slow: 500ms;
  --iv-motion-duration-loop: 1600ms;
  --iv-motion-easing-out: cubic-bezier(0, 0, 0.58, 1);
  --iv-motion-easing-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --iv-motion-easing-emph: cubic-bezier(0.2, 0.8, 0.2, 1);
  --iv-type-hero-size: clamp(44px, 5.2vw, 78px);
  --iv-type-hero-weight: 800;
  --iv-type-hero-leading: 1.0;
  --iv-type-hero-tracking: -0.035em;
  --iv-type-story-size: clamp(24px, 6.5vw, 34px);
  --iv-type-story-weight: 800;
  --iv-type-story-leading: 1.05;
  --iv-type-story-tracking: -0.03em;
  --iv-type-h1-size: clamp(34px, 3.2vw + 12px, 49px);
  --iv-type-h1-weight: 700;
  --iv-type-h1-leading: 1.1;
  --iv-type-h1-tracking: -0.015em;
  --iv-type-h1-feature-size: 61px;
  --iv-type-h1-feature-weight: 700;
  --iv-type-h1-feature-leading: 1.05;
  --iv-type-h1-feature-tracking: -0.02em;
  --iv-type-h2-size: clamp(25px, 1.4vw + 16px, 31px);
  --iv-type-h2-weight: 700;
  --iv-type-h2-leading: 1.22;
  --iv-type-h2-tracking: -0.01em;
  --iv-type-h3-size: 20px;
  --iv-type-h3-weight: 600;
  --iv-type-h3-leading: 1.4;
  --iv-type-h3-tracking: -0.005em;
  --iv-type-h4-size: 17px;
  --iv-type-h4-weight: 600;
  --iv-type-h4-leading: 1.53;
  --iv-type-h4-tracking: 0em;
  --iv-type-lead-size: 20px;
  --iv-type-lead-weight: 400;
  --iv-type-lead-leading: 1.5;
  --iv-type-lead-tracking: 0em;
  --iv-type-body-large-size: 18px;
  --iv-type-body-large-weight: 400;
  --iv-type-body-large-leading: 1.556;
  --iv-type-body-large-tracking: 0em;
  --iv-type-body-size: 16px;
  --iv-type-body-weight: 400;
  --iv-type-body-leading: 1.625;
  --iv-type-body-tracking: 0em;
  --iv-type-body-compact-size: 17px;
  --iv-type-body-compact-weight: 400;
  --iv-type-body-compact-leading: 1.45;
  --iv-type-body-compact-tracking: 0em;
  --iv-type-nav-size: 15px;
  --iv-type-nav-weight: 500;
  --iv-type-nav-leading: 1.6;
  --iv-type-nav-tracking: 0em;
  --iv-type-button-size: 15px;
  --iv-type-button-weight: 700;
  --iv-type-button-leading: 1.2;
  --iv-type-button-tracking: 0em;
  --iv-type-chip-size: 14px;
  --iv-type-chip-weight: 600;
  --iv-type-chip-leading: 1.0;
  --iv-type-chip-tracking: 0em;
  --iv-type-badge-size: 13px;
  --iv-type-badge-weight: 500;
  --iv-type-badge-leading: 1.54;
  --iv-type-badge-tracking: 0em;
  --iv-type-meta-size: 13px;
  --iv-type-meta-weight: 400;
  --iv-type-meta-leading: 1.54;
  --iv-type-meta-tracking: 0em;
  --iv-type-eyebrow-size: 12px;
  --iv-type-eyebrow-weight: 600;
  --iv-type-eyebrow-leading: 1.333;
  --iv-type-eyebrow-tracking: 0.18em;
  --iv-type-wordmark-size: 30px;
  --iv-type-wordmark-weight: 700;
  --iv-type-wordmark-leading: 1.0;
  --iv-type-wordmark-tracking: -0.01em;
  --iv-type-lab-name-size: 14px;
  --iv-type-lab-name-weight: 400;
  --iv-type-lab-name-leading: 1.2;
  --iv-type-lab-name-tracking: 0em;
  --iv-font: var(--iv-font-family-sans);
  color-scheme: light;
}
:root, [data-theme="light"] {
  --iv-ink: #111111;
  --iv-muted: #6b6b6b;
  --iv-ground: #faf9f6;
  --iv-raised: #ffffff;
  --iv-sunken: #eeeeee;
  --iv-line: #dedcd3;
  --iv-hover: #1818180f;
  --iv-scrim: #18181873;
  --iv-selected: #181818;
  --iv-on-selected: #faf9f5;
  --iv-danger: #b7352d;
  --iv-success: #47651f;
  --iv-pillar-understand: #2f6fdb;
  --iv-pillar-align: #b8860b;
  --iv-pillar-augment: #2e7d32;
  --iv-highlight: #ffd400;
}
[data-theme="dark"] {
  --iv-ink: #f5f4ef;
  --iv-muted: #b4b3ab;
  --iv-ground: #141513;
  --iv-raised: #1e201d;
  --iv-sunken: #2a2c28;
  --iv-line: #3b3d38;
  --iv-hover: #f5f4ef14;
  --iv-scrim: #00000099;
  --iv-selected: #f5f4ef;
  --iv-on-selected: #141513;
  --iv-danger: #f08a83;
  --iv-success: #d3ec9e;
  --iv-pillar-understand: #7ea6f2;
  --iv-pillar-align: #e0b040;
  --iv-pillar-augment: #7cc47f;
  --iv-highlight: #ffd400;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --iv-ink: #f5f4ef;
    --iv-muted: #b4b3ab;
    --iv-ground: #141513;
    --iv-raised: #1e201d;
    --iv-sunken: #2a2c28;
    --iv-line: #3b3d38;
    --iv-hover: #f5f4ef14;
    --iv-scrim: #00000099;
    --iv-selected: #f5f4ef;
    --iv-on-selected: #141513;
    --iv-danger: #f08a83;
    --iv-success: #d3ec9e;
    --iv-pillar-understand: #7ea6f2;
    --iv-pillar-align: #e0b040;
    --iv-pillar-augment: #7cc47f;
    --iv-highlight: #ffd400;
    color-scheme: dark;
  }
}