/* KNUENCE™ design tokens v1.0 — generated by stage_d_tokens.py. Do not edit by hand. */
:root {
  --k-cyan: #01E3FD;
  --k-blue: #0035FD;
  --k-indigo: #4803FD;
  --k-violet: #9C04FD;
  --k-magenta: #F022FD;
  --k-navy: #040D1C;
  --k-white: #FFFFFF;
  --k-wash: #F4F6FA;
  --k-rule: #DDE2EA;
  --k-soft: #B9C2D3;
  --k-mist: #8A94A6;
  --k-steel: #6B778C;
  --k-slate: #4A5568;
  --k-ink: #0B1426;
  --k-error: #B42318;
  --k-error-on-dark: #F97066;
  --k-success: #067647;
  --k-gradient: linear-gradient(135deg, #01E3FD 0%, #0035FD 35%, #4803FD 60%, #9C04FD 80%, #F022FD 100%);
  --k-font-display: 'Inter Variable', 'Inter Display', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --k-font-sans: 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --k-font-serif: 'Source Serif 4 Variable', 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --k-text-display-size: 4rem;
  --k-text-display-lh: 1.062;
  --k-text-display-tracking: -0.02em;
  --k-text-display-weight: 600;
  --k-text-h1-size: 2.5rem;
  --k-text-h1-lh: 1.1;
  --k-text-h1-tracking: -0.015em;
  --k-text-h1-weight: 600;
  --k-text-h2-size: 1.75rem;
  --k-text-h2-lh: 1.214;
  --k-text-h2-tracking: -0.01em;
  --k-text-h2-weight: 600;
  --k-text-h3-size: 1.25rem;
  --k-text-h3-lh: 1.4;
  --k-text-h3-tracking: 0em;
  --k-text-h3-weight: 600;
  --k-text-body-lg-size: 1.25rem;
  --k-text-body-lg-lh: 1.5;
  --k-text-body-lg-tracking: 0em;
  --k-text-body-lg-weight: 400;
  --k-text-body-size: 1rem;
  --k-text-body-lh: 1.5;
  --k-text-body-tracking: 0em;
  --k-text-body-weight: 400;
  --k-text-small-size: 0.875rem;
  --k-text-small-lh: 1.429;
  --k-text-small-tracking: 0em;
  --k-text-small-weight: 400;
  --k-text-overline-size: 0.75rem;
  --k-text-overline-lh: 1.333;
  --k-text-overline-tracking: 0.14em;
  --k-text-overline-weight: 600;
  --k-text-editorial-size: 1.5rem;
  --k-text-editorial-lh: 1.417;
  --k-text-editorial-tracking: 0em;
  --k-text-editorial-weight: 400;
  --k-space-0: 0rem;
  --k-space-1: 0.25rem;
  --k-space-2: 0.5rem;
  --k-space-3: 0.75rem;
  --k-space-4: 1rem;
  --k-space-5: 1.5rem;
  --k-space-6: 2rem;
  --k-space-7: 2.5rem;
  --k-space-8: 3rem;
  --k-space-9: 4rem;
  --k-space-10: 5rem;
  --k-space-11: 6rem;
  --k-space-12: 8rem;
  --k-radius-sm: 6px;
  --k-radius-md: 12px;
  --k-radius-lg: 16px;
  --k-radius-xl: 24px;
  --k-radius-pill: 999px;
  --k-container-max: 1200px;
  --k-container-reading: 680px;
  --k-gutter-desktop: 64px;
  --k-gutter-tablet: 40px;
  --k-gutter-mobile: 20px;
  --k-header-height: 72px;
  --k-tap-target-min: 44px;
  --k-duration-ui-fast: 150ms;
  --k-duration-ui: 200ms;
  --k-duration-ui-slow: 250ms;
  --k-duration-loading-cycle: 600ms;
  --k-duration-ident: 1400ms;
  --k-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --k-shadow-panel: 0 1px 2px rgba(4,13,28,.06), 0 8px 24px rgba(4,13,28,.08);
  --k-role-bg: var(--k-white);
  --k-role-bg-subtle: var(--k-wash);
  --k-role-text: var(--k-ink);
  --k-role-text-muted: var(--k-slate);
  --k-role-border: var(--k-rule);
  --k-role-border-field: var(--k-steel);
  --k-role-action: var(--k-blue);
  --k-role-action-text: var(--k-white);
  --k-role-link: var(--k-blue);
  --k-role-focus: var(--k-blue);
  --k-role-error: var(--k-error);
  --k-role-success: var(--k-success);
}
/* Dark surfaces: add .k-dark to any section or the body */
.k-dark {
  --k-role-bg: var(--k-navy);
  --k-role-bg-subtle: var(--k-ink);
  --k-role-text: var(--k-white);
  --k-role-text-muted: var(--k-soft);
  --k-role-border: var(--k-slate);
  --k-role-border-field: var(--k-mist);
  --k-role-action: var(--k-white);
  --k-role-action-text: var(--k-navy);
  --k-role-link: var(--k-cyan);
  --k-role-focus: var(--k-cyan);
  --k-role-error: var(--k-error-on-dark);
  --k-role-success: var(--k-success);
}
@media (max-width: 599.98px) {
  :root {
    --k-text-display-size: 2.5rem;
    --k-text-display-lh: 1.1;
    --k-text-h1-size: 1.875rem;
    --k-text-h1-lh: 1.2;
    --k-text-h2-size: 1.375rem;
    --k-text-h2-lh: 1.273;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --k-duration-ui-fast: 0ms; --k-duration-ui: 0ms; --k-duration-ui-slow: 0ms; --k-duration-ident: 0ms; }
}