/* ThinkWise design system: variables.css (the Webflow variables, mapped onto roles and tokens).
   Generated by _tools/design-system/generate.mjs from _tools/design-system/maps/thinkwise.mjs (with thinkwise.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/thinkwise-consulting-template.webflow.css. */
:root,
[data-theme] {
  --color-base--white: 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;
  --accent: var(--role-accent);
  --content-width--container: var(--container-width);
  --fonts-weights--extra-bold: 800;
  --color-neutral--shade-50: var(--role-surface-2);
  --section-padding--medium: calc(var(--section-padding-medium) * var(--section-spacing));
  --section-padding--large: calc(var(--section-padding-large) * var(--section-spacing));
  --content-width--large: calc(var(--container-width) * 896 / 1400);
  --color-neutral--shade-400: var(--role-line);
  --content-width--medium: calc(var(--container-width) * 654 / 1400);
  --fonts-weights--light: 300;
  --section-padding--small: calc(var(--section-padding-small) * var(--section-spacing));
  --content-width--x-large: calc(var(--container-width) * 1138 / 1400);
  --fonts--badge: var(--font-label);
  --color-neutral--shade-300: var(--role-line-strong);
  --fonts-weights--semi-bold: 600;
  --content-width--small: calc(var(--container-width) * 480 / 1400);
  --color-neutral--shade-100: var(--role-surface);
  --color-neutral--shade-900: var(--role-ink-soft);
  --fonts-weights--bold: 700;
  --secondary\<deleted\|variable-bdb4896f-023b-712c-70a5-bbb47a3fd248\>: var(--color-old-linen);
  --color-neutral--shade-200: var(--role-surface-3);
  --secondary: var(--role-surface);
  --color-neutral--shade-600: var(--tone-line-91-ink-soft);
  --color-neutral--shade-500: var(--tone-white-84-4-ink);
  --color-neutral--shade-700: var(--tone-surface-55-ink-soft);
  --color-neutral--shade-800: var(--tone-line-50-ink-soft);
  --fonts-weights--thin: 100;
  --fonts-weights--extra-light: 200;
  --fonts-weights--back: 900;
  --radius--default: var(--radius-card);
  --radius--button: var(--radius-button);
  --font-size--body-small: calc(var(--size-body-small) * var(--scale-body));
  --line-height--body-small: var(--leading-body-small);
  --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));
  --line-height--h3: var(--leading-h3);
  --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--body-tiny: calc(var(--size-body-tiny) * var(--scale-body));
  --line-height--body-tiny: var(--leading-body-tiny);
  --font-size--body-medium: calc(var(--size-body-medium) * var(--scale-body));
  --line-height--body-medium: var(--leading-body-medium);
  --font-size--badge: calc(var(--size-badge) * var(--scale-labels));
  --line-height--badge: var(--leading-badge);
  --font-size--button-normal: calc(var(--size-button-normal) * var(--scale-labels));
  --line-height--button-normal: var(--leading-button-normal);
  --font-size--button-small: calc(var(--size-button-small) * var(--scale-labels));
  --line-height--button-small: var(--leading-button-small);
}