/* Scientis design system: variables.css (the Webflow variables, mapped onto roles and tokens).
   Generated by _tools/design-system/generate.mjs from _tools/design-system/maps/scientis.mjs (with scientis.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/scientis-laboratory-research-template.webflow.css. */
:root,
[data-theme] {
  --color-base--white: var(--role-page);
  --fonts--body: var(--font-body);
  --color-base--black: var(--role-ink);
  --fonts--heading: var(--font-heading);
  --accent: var(--role-accent);
  --content-width--medium: calc(var(--container-width) * 654 / 1428);
  --color-neutral--50: var(--role-surface);
  --background-color--background-primary\<deleted\|variable-9f6b6bb4-0795-c8ab-f302-bbebab6f2554\>: var(--base-color-neutral--black\<deleted\|variable-419fddc9-288d-5141-33c5-0873c4ce2f53\>);
  --color-neutral--900: var(--role-ink-muted);
  --color-neutral--300: var(--role-line-strong);
  --content-width--small: calc(var(--container-width) * 412 / 1428);
  --section-padding--small: calc(var(--section-padding-small) * var(--section-spacing));
  --border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>: var(--base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>);
  --content-width--container: var(--container-width);
  --content-width--large: calc(var(--container-width) * 896 / 1428);
  --content-width--x-large: calc(var(--container-width) * 1138 / 1428);
  --color-neutral--200: var(--role-line);
  --color-neutral--600: var(--tone-page-73-ink-muted);
  --section-padding--large: calc(var(--section-padding-large) * var(--section-spacing));
  --section-padding--medium: calc(var(--section-padding-medium) * var(--section-spacing));
  --background-color--background-warning\<deleted\|variable-0aa1a7ce-e851-b6b5-66db-1a1a96e8e04b\>: var(--base-color-system--warning-yellow\<deleted\|variable-b0ee00e7-091a-a3f5-1619-b09d07f4475a\>);
  --text-color--text-warning\<deleted\|variable-825aa1d8-b093-0b89-37c5-87d980df10f5\>: var(--base-color-system--warning-yellow-dark\<deleted\|variable-296491a7-483e-1229-36b5-e13808cc9004\>);
  --color-neutral--100: var(--role-surface-2);
  --fonts--badge: var(--font-label);
  --color-neutral--400: var(--tone-line-91-ink-muted);
  --color-neutral--500: var(--tone-line-strong-88-ink-muted);
  --color-neutral--700: var(--tone-surface-70-ink-muted);
  --color-neutral--800: var(--tone-surface-2-60-ink-muted);
  --base-color-neutral--black\<deleted\|variable-419fddc9-288d-5141-33c5-0873c4ce2f53\>: var(--role-ink);
  --base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>: var(--color-guide-line);
  --base-color-system--warning-yellow\<deleted\|variable-b0ee00e7-091a-a3f5-1619-b09d07f4475a\>: var(--color-warning-wash);
  --base-color-system--warning-yellow-dark\<deleted\|variable-296491a7-483e-1229-36b5-e13808cc9004\>: var(--color-warning-ink);
  --radius--default: var(--radius-card);
  --radius--button: var(--radius-button);
}