/* Cloudis design system: variables.css (the Webflow variables, mapped onto roles and tokens).
   Generated by _tools/design-system/generate.mjs from _tools/design-system/maps/cloudis.mjs (with cloudis.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/cloudis-saas-software-webflow-template.webflow.css. */
:root,
[data-theme] {
  --fonts--body: var(--font-body);
  --color-base--black: var(--role-ink);
  --color--accent: var(--role-accent);
  --content-width--medium: calc(var(--container-width) * 654 / 1428);
  --color-neutral--50: var(--role-surface);
  --color-base--white: var(--role-page);
  --color-neutral--900: var(--role-ink-muted);
  --color-neutral--400: var(--role-line-soft);
  --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-line-soft-89-ink-muted);
  --section-padding--large: calc(var(--section-padding-large) * var(--section-spacing));
  --color-neutral--300: var(--role-line-strong);
  --color-neutral--100: var(--role-surface-2);
  --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\>);
  --fonts--badge: var(--font-label);
  --color-neutral--500: var(--tone-line-strong-88-ink-muted);
  --color-neutral--700: var(--tone-line-soft-82-ink-muted);
  --color-neutral--800: var(--tone-surface-2-60-ink-muted);
  --fonts--heading: var(--font-heading);
  --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);
}