/* LaneWise design system: variables.css (the Webflow variables, mapped onto roles and tokens).
   Generated by _tools/design-system/generate.mjs from _tools/design-system/maps/lanewise.mjs (with lanewise.auto.json). Edit the source, then run it again. */
/* Webflow's own variables keep working: each one reads a role or token.
   The Webflow :root and body variable blocks were moved here from public/css/lanewise-freight-forwarders.webflow.css. */
:root,
[data-theme] {
  --color--neutral--shade-50: var(--role-page);
  --fonts--body: var(--font-body);
  --color--base--black: var(--role-ink);
  --fonts-weights--normal: 400;
  --fonts--heading: var(--font-heading);
  --fonts-weights--medium: 500;
  --color--accent--primary: var(--role-accent);
  --color--base--cream: var(--role-on-band);
  --color--cream-alpha--8: var(--tone-on-band-a20);
  --color--glass--stroke: var(--tone-on-band-a36);
  --fonts--badge: var(--font-label);
  --color--neutral--shade-700: var(--role-ink-3);
  --color--neutral--shade-100: var(--role-surface);
  --content-width--container: var(--container-width);
  --color--glass--strong: var(--tone-glass-strong);
  --color--neutral--shade-200: var(--role-surface-2);
  --color--navy--deep: var(--role-band);
  --color--cream-alpha--20: var(--tone-on-band-20);
  --color--glass--tint: var(--tone-glass-tint);
  --color--neutral--shade-800: var(--role-ink-2);
  --color--neutral--shade-400: var(--role-line-strong);
  --color--base--white: var(--role-card);
  --color--neutral--shade-600: var(--role-ink-soft);
  --color--neutral--shade-300: var(--role-line);
  --fonts-weights--semi-bold: 600;
  --section-padding--medium: calc(var(--section-padding-medium) * var(--section-spacing));
  --section-padding--large: calc(var(--section-padding-large) * var(--section-spacing));
  --color--neutral--shade-500: var(--role-ink-muted);
  --color--neutral--shade-900: var(--tone-ink-64-ink-2);
  --color--accent--deep: var(--role-accent-deep);
  --color--accent--light: var(--role-accent-light);
  --color--navy--base: var(--role-band-surface);
  --color--navy--muted: var(--role-band-ink-soft);
  --color--feedback--error: var(--role-error);
  --section-padding--small: calc(var(--section-padding-small) * var(--section-spacing));
  --color--accent--soft: var(--role-accent-soft);
  --color--cream-alpha--6: var(--tone-on-band-a15);
  --color--cream-alpha--50: var(--tone-on-band-a128);
  --color--cream-alpha--55: var(--tone-on-band-a140);
  --fonts-weights--light: 300;
  --color--cream-alpha--12: var(--tone-on-band-a31);
  --color--black-alpha--30: var(--tone-ink-a77);
  --color--cream-alpha--72: var(--tone-on-band-a184);
  --content-width--small: calc(var(--container-width) * 480 / 1344);
  --color--cream-alpha--60: var(--tone-on-band-60);
  --color--cream-alpha--80: var(--tone-on-band-80);
  --color--cream-alpha--10: var(--tone-on-band-a26);
  --color--cream-alpha--30: var(--tone-on-band-a77);
  --color--black-alpha--4: var(--tone-ink-a10);
  --color--feedback--success-light: var(--role-success-light);
  --color--cream-alpha--16: var(--tone-on-band-a41);
  --color--feedback--success: var(--role-success);
  --color--glass--medium: var(--tone-glass-medium);
  --color--black-alpha--90: var(--tone-ink-a230);
  --color--black-alpha--15: var(--tone-ink-a38);
  --color--glass--form: var(--tone-form-glass-40);
  --content-width--x-large: calc(var(--container-width) * 1138 / 1344);
  --content-width--large: calc(var(--container-width) * 896 / 1344);
  --content-width--medium: calc(var(--container-width) * 654 / 1344);
  --fonts-weights--thin: 100;
  --fonts-weights--extra-light: 200;
  --fonts-weights--bold: 700;
  --fonts-weights--extra-bold: 800;
  --fonts-weights--black: 900;
  --radius--default: var(--radius-card);
  --radius--x-small: var(--radius-6);
  --radius--medium: var(--radius-10);
  --radius--large: var(--radius-16);
  --radius--button: var(--radius-button);
  --radius--2x-large: var(--radius-24);
  --radius--x-large: var(--radius-20);
  --radius--pill: var(--radius-round);
  --radius--3x-large: var(--radius-28);
  --radius--small: var(--radius-4);
  --radius--medium-plus: var(--radius-14);
  --font-size--body-medium: calc(var(--size-body-medium) * var(--scale-body));
  --line-height--body-medium: var(--leading-body-medium);
  --font-size--h1: calc(var(--size-h1) * var(--scale-headings));
  --line-height--h1: var(--leading-h1);
  --font-size--h2: calc(var(--size-h2) * var(--scale-headings));
  --line-height--h2: var(--leading-h2);
  --font-size--h3: calc(var(--size-h3) * var(--scale-headings));
  --font-size--h4: calc(var(--size-h4) * var(--scale-headings));
  --line-height--h4: var(--leading-h4);
  --font-size--h5: calc(var(--size-h5) * var(--scale-headings));
  --line-height--h5: var(--leading-h5);
  --font-size--h6: calc(var(--size-h6) * var(--scale-headings));
  --line-height--h6: var(--leading-h6);
  --font-size--body-large: calc(var(--size-body-large) * var(--scale-body));
  --line-height--body-large: var(--leading-body-large);
  --font-size--button-normal: calc(var(--size-button-normal) * var(--scale-labels));
  --line-height--relaxed: var(--leading-relaxed);
  --font-size--body-x-large: calc(var(--size-body-x-large) * var(--scale-body));
  --font-size--badge: calc(var(--size-badge) * var(--scale-labels));
  --line-height--badge: var(--leading-badge);
  --line-height--button-normal: var(--leading-button-normal);
  --font-size--body-small: calc(var(--size-body-small) * var(--scale-body));
  --line-height--body-small: var(--leading-body-small);
  --font-size--hero-xl: calc(var(--size-hero-xl) * var(--scale-body));
  --font-size--lead: calc(var(--size-lead) * var(--scale-body));
  --line-height--comfortable: var(--leading-comfortable);
  --line-height--display-tight: var(--leading-display-tight);
  --line-height--title: var(--leading-title);
  --line-height--h3: var(--leading-h3);
  --font-size--display: calc(var(--size-display) * var(--scale-headings));
  --font-size--number: calc(var(--size-number) * var(--scale-headings));
  --font-size--meta: calc(var(--size-meta) * var(--scale-body));
  --font-size--caption: calc(var(--size-caption) * var(--scale-body));
  --font-size--body-tiny: calc(var(--size-body-tiny) * var(--scale-body));
  --line-height--body-tiny: var(--leading-body-tiny);
  --font-size--text-responsive: calc(var(--size-text-responsive) * var(--scale-body));
  --font-size--button-small: calc(var(--size-button-small) * var(--scale-labels));
  --line-height--button-small: var(--leading-button-small);
  --font-size--stat: calc(var(--size-stat) * var(--scale-body));
  --line-height--heading-snug: var(--leading-heading-snug);
  --line-height--text-normal: var(--leading-text-normal);
  --font-size--title-medium: calc(var(--size-title-medium) * var(--scale-body));
  --line-height--lead: var(--leading-lead);
  --line-height--text-compact: var(--leading-text-compact);
  --font-size--quote: calc(var(--size-quote) * var(--scale-body));
  --line-height--heading-tight: var(--leading-heading-tight);
  --font-size--title-small: calc(var(--size-title-small) * var(--scale-body));
  --font-size--lead-responsive: calc(var(--size-lead-responsive) * var(--scale-body));
  --font-size--hero-home: calc(var(--size-hero-home) * var(--scale-body));
  --font-size--metric: calc(var(--size-metric) * var(--scale-body));
  --font-size--link: calc(var(--size-link) * var(--scale-body));
  --font-size--hero-article: calc(var(--size-hero-article) * var(--scale-body));
  --font-size--price: calc(var(--size-price) * var(--scale-body));
  --line-height--display: var(--leading-display);
}