/* Generated by kits-by-wugweb/tools/build-tokens.py from tokens.json. Do not edit. */
:root {
  /* Kits v4.2 primitives bound to theme.json presets (Styles > Typography / Layout) */
  --fluid-caption: var(--wp--preset--font-size--caption, clamp(0.625rem, 0.5682rem + 0.2424vw, 0.75rem));
  --fluid-label: var(--wp--preset--font-size--label, clamp(0.75rem, 0.6932rem + 0.2424vw, 0.875rem));
  --fluid-body-sm: var(--wp--preset--font-size--small, clamp(0.8125rem, 0.7841rem + 0.1212vw, 0.875rem));
  --fluid-body-md: var(--wp--preset--font-size--medium, clamp(0.9375rem, 0.9091rem + 0.1212vw, 1rem));
  --fluid-body-lg: var(--wp--preset--font-size--large, clamp(1rem, 0.9432rem + 0.2424vw, 1.125rem));
  --fluid-h5: var(--wp--preset--font-size--h-5, 1rem);
  --fluid-h4: var(--wp--preset--font-size--x-large, clamp(1.0625rem, 1.0341rem + 0.1212vw, 1.125rem));
  --fluid-h3: var(--wp--preset--font-size--2-x-large, clamp(1.25rem, 1.1932rem + 0.2424vw, 1.375rem));
  --fluid-h2: var(--wp--preset--font-size--3-x-large, clamp(1.5rem, 1.3864rem + 0.4848vw, 1.75rem));
  --fluid-h1: var(--wp--preset--font-size--4-x-large, clamp(2rem, 1.5455rem + 1.9394vw, 3rem));
  --fluid-display: var(--wp--preset--font-size--display, clamp(2.5rem, 1.3636rem + 4.8485vw, 5rem));
  --s-0: var(--wp--preset--spacing--0, 0px);
  --s-1: var(--wp--preset--spacing--10, 4px);
  --s-2: var(--wp--preset--spacing--20, 8px);
  --s-3: var(--wp--preset--spacing--30, 12px);
  --s-4: var(--wp--preset--spacing--40, 16px);
  --s-6: var(--wp--preset--spacing--50, 24px);
  --s-8: var(--wp--preset--spacing--60, 32px);
  --s-10: var(--wp--preset--spacing--70, 40px);
  --s-12: var(--wp--preset--spacing--80, 48px);
  --kit-color-bg: var(--wp--preset--color--canvas, #F4F4F4);
  --kit-color-surface: var(--wp--preset--color--surface, #F4F4F4);
  --kit-color-surface-soft: var(--neutral-0);
  --kit-color-raised: var(--wp--preset--color--background, #FFFFFF);
  --kit-color-ink: var(--wp--preset--color--secondary, #191919);
  --kit-color-text: var(--wp--preset--color--foreground, #2E2E2E);
  --kit-color-muted: var(--wp--preset--color--text-muted, #636363);
  --kit-color-line: var(--wp--preset--color--border, #DFDFDF);
  --kit-color-accent: var(--wp--preset--color--primary, #FFBE1A);
  --kit-color-accent-ink: var(--wp--preset--color--primary-dark, #2368D7);
  --kit-color-on-accent: var(--color-ash);
  --kit-color-on-ink: var(--wp--preset--color--on-ink, #FFFFFF);
  --kit-color-danger: var(--wp--preset--color--error, #E54F30);
  --kit-color-danger-soft: #fef2f2;
  --kit-color-success: var(--wp--preset--color--success, #15803d);
  --kit-color-success-soft: #f0fdf4;
  --kit-color-focus: var(--wp--preset--color--focus, #2368D7);
  --kit-color-whatsapp: #15803d;
  --kit-font-display: var(--wp--preset--font-family--display);
  --kit-font-body: var(--wp--preset--font-family--base);
  --kit-type-xs: var(--fluid-label);
  --kit-type-2xs: 0.5rem;
  --kit-type-sm: var(--fluid-body-sm);
  --kit-type-base: var(--fluid-body-md);
  --kit-type-lead: var(--fluid-body-lg);
  --kit-type-h4: var(--fluid-h4);
  --kit-type-h3: var(--fluid-h3);
  --kit-type-h2: var(--fluid-h2);
  --kit-type-h1: var(--fluid-h1);
  --kit-type-headline: var(--fluid-h3);
  --kit-type-display: var(--fluid-display);
  --kit-type-stat: var(--fluid-h3);
  --kit-type-placard: var(--fluid-h5);
  --kit-leading-body: 1.6;
  --kit-leading-heading: 1.2;
  --kit-leading-display: 1.06;
  --kit-weight-regular: 400;
  --kit-weight-strong: 600;
  --kit-measure: 68ch;
  --kit-space-1: var(--s-1);
  --kit-space-2: var(--s-2);
  --kit-space-3: var(--s-3);
  --kit-space-4: var(--s-4);
  --kit-space-5: var(--s-6);
  --kit-space-6: var(--s-8);
  --kit-space-7: var(--s-12);
  --kit-space-8: 4rem;
  --kit-space-9: 6rem;
  --kit-space-section: 48px;
  --kit-hero-min: 560px;
  --kit-space-gutter: 16px;
  --kit-space-grid: 16px;
  --kit-width-content: 720px;
  --kit-width-wide: 1200px;
  --kit-radius-control: var(--wp--preset--border-radius--control, 8px);
  --kit-radius-card: var(--wp--preset--border-radius--card, 12px);
  --kit-radius-media: var(--wp--preset--border-radius--media, 12px);
  --kit-radius-hero: var(--wp--preset--border-radius--media, 12px);
  --kit-radius-pill: var(--wp--preset--border-radius--pill, 9999px);
  --kit-elevation-1: var(--wp--preset--shadow--elevation-1, 0 1px 2px rgba(20,20,20,.06), 0 2px 8px rgba(20,20,20,.06));
  --kit-elevation-2: var(--wp--preset--shadow--elevation-2, 0 4px 10px rgba(20,20,20,.08), 0 14px 32px rgba(20,20,20,.10));
  --kit-elevation-3: var(--wp--preset--shadow--elevation-3, 0 20px 48px rgba(20,20,20,.18));
  --kit-offset: 8px;
  --kit-elevation-offset: var(--wp--preset--shadow--offset, var(--kit-offset) var(--kit-offset) 0 var(--kit-color-accent));
  --kit-motion-fast: 120ms;
  --kit-motion-base: 200ms;
  --kit-motion-slow: 320ms;
  --kit-motion-ease: cubic-bezier(.2,.7,.2,1);
  --kit-motion-lift: -3px;
  --kit-z-sticky: 50;
  --kit-z-header: 40;
  --kit-z-overlay: 100;
  --kit-size-target: 44px;
  --kit-size-control: 48px;
  --kit-size-control-lg: 52px;
  --kit-border-width: 1px;
  --kit-border-mark: 3px;
  --kit-border-accent: 4px;
  --kit-underline-offset: 4px;
  --kit-underline-offset-sm: 3px;
  --kit-underline-thickness: 1px;
  --kit-underline-thickness-strong: 2px;
  --kit-focus-offset-lg: 3px;
  --kit-focus-offset-xl: 4px;
  --kit-icon-sm: 16px;
  --kit-icon-md: 20px;
  --kit-icon-lg: 24px;
  --kit-icon-xl: 28px;
  --kit-icon-gap: 6px;
  --kit-meta-size: 12px;
  --kit-meta-weight: var(--kit-weight-medium);
  --kit-meta-icon: var(--kit-icon-sm);
  --kit-meta-icon-gap: var(--kit-icon-gap);
  --kit-meta-gap: var(--kit-space-4);
  --kit-meta-row-gap: var(--kit-space-1);
  --kit-radius-hair: 2px;
  --kit-radius-mark: 3px;
  --kit-radius-xs: 4px;
  --kit-thumb-sm: 56px;
  --kit-thumb-md: 72px;
  --kit-thumb-lg: 112px;
  --kit-card-min: 17rem;
  --kit-size-target-min: 24px;
  --kit-accent-bar: 6px;
  --kit-focus-outline: 2px;
  --kit-focus-ring-width: 4px;
  --kit-press-offset-sm: 4px;
  --kit-press-offset: 6px;
  --kit-table-min: 34rem;
  --kit-border-control: 1px;
  --kit-card-columns: 1;
  --kit-card-media-ratio: 4/3;
  --kit-placard-ratio: 16/7;
  --kit-carousel-item: 82%;
  --kit-weight-medium: 500;
  --kit-weight-bold: 700;
  --kit-tracking-display: -0.035em;
  --kit-tracking-heading: -0.02em;
  --kit-tracking-body: -0.006em;
  --kit-color-canvas: var(--wp--preset--color--canvas, #F4F4F4);
  --kit-focus-width: 3px;
  --kit-focus-offset: 2px;
  --kit-size-check: 1.5rem;
  --kit-color-warning: var(--wp--preset--color--warning, #8a5a00);
  --kit-color-warning-soft: #fff6e0;
  --kit-color-info: var(--color-blue);
  --kit-color-info-soft: #eaf1fc;
  --kit-color-link: var(--wp--preset--color--primary-dark, #2368D7);
  --kit-grid-gap: 16px;
  --kit-grid-columns: 4;
  --kit-width-nav: 1280px;
  --kit-header-height: 75px;
  --kit-announce-height: 25px;
  --kit-layer-nav: 10;
  --kit-duration-spring: 400ms;
  --kit-ease-spring: linear(0, 0.0544, 0.1785, 0.3258, 0.4733, 0.6066, 0.7181, 0.8053, 0.8689, 0.9123, 0.9403, 0.9576, 0.9681, 0.975, 0.9806, 0.9864, 0.9929, 1.0001, 1.0072, 1.0128, 1.015, 1.0146, 1.0119, 1.0085, 1.0052, 1.0026, 1.0008, 1);
  --kit-surface-page: var(--neutral-1);
  --kit-surface-section: var(--neutral-0);
  --kit-surface-section-alt: var(--neutral-2);
  --kit-surface-card: var(--neutral-0);
  --kit-overlay: color-mix(in srgb, var(--color-ash) 60%, transparent);
  --kit-btn-height: var(--kit-size-target);
  --kit-btn-height-sm: var(--kit-size-target);
  --kit-field-height: var(--kit-size-control);
  --kit-btn-pad: var(--s-4);
  --kit-btn-pad-sm: var(--s-4);
  --kit-btn-gap: var(--s-2);
  --kit-btn-ico-size: 1.125em;
  --kit-btn-ico-size-only: var(--kit-icon-md);
  --kit-btn-press: 1px;
  --kit-btn-nudge: 3px;
  --kit-btn-spinner-width: 2px;
  --kit-btn-primary-bg: var(--kit-color-ink);
  --kit-btn-primary-fg: var(--kit-color-on-ink);
  --kit-btn-primary-bg-hover: var(--neutral-8);
  --kit-btn-primary-fg-hover: var(--kit-color-on-ink);
  --kit-btn-secondary-bg: color-mix(in srgb, var(--kit-color-ink) 6%, transparent);
  --kit-btn-secondary-fg: var(--kit-color-ink);
  --kit-btn-secondary-line: var(--kit-color-line);
  --kit-btn-secondary-bg-hover: var(--kit-color-ink);
  --kit-btn-secondary-fg-hover: var(--kit-color-on-ink);
  --kit-btn-ghost-fg: var(--kit-color-ink);
  --kit-btn-ghost-line: var(--kit-color-ink);
  --kit-btn-ghost-bg-hover: var(--kit-color-ink);
  --kit-btn-ghost-fg-hover: var(--kit-color-on-ink);
  --kit-btn-brand-bg: var(--kit-color-accent);
  --kit-btn-brand-fg: var(--kit-color-on-accent);
  --kit-btn-hover-mix: 85%;
}
@media (min-width: 768px) {
  :root {
    --kit-space-section: 70px;
    --kit-space-gutter: 32px;
    --kit-space-grid: 24px;
    --kit-offset: 14px;
    --kit-meta-size: 13px;
    --kit-card-columns: 2;
    --kit-placard-ratio: 16/9;
    --kit-carousel-item: auto;
    --kit-grid-gap: 24px;
    --kit-grid-columns: 8;
    --kit-btn-height: var(--kit-size-control);
    --kit-btn-pad: var(--s-6);
  }
}
@media (min-width: 1200px) {
  :root {
    --kit-space-section: 96px;
    --kit-hero-min: 660px;
    --kit-space-gutter: 48px;
    --kit-space-grid: 32px;
    --kit-meta-size: 14px;
    --kit-card-columns: 3;
    --kit-grid-gap: 32px;
    --kit-grid-columns: 12;
    --kit-btn-height: var(--kit-size-control-lg);
  }
}