/* GoLive design system: variables.css (the Webflow variables, mapped onto roles and tokens).
   Generated by _tools/design-system/generate.mjs from _tools/design-system/maps/golive.mjs (with golive.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/golive-saas-software-webflow-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 / 1200);
  --color-neutral--shade-300: var(--role-line);
  --color-neutral--shade-50: var(--role-surface);
  --color-neutral--shade-900: var(--role-ink-soft);
  --content-width--small: calc(var(--container-width) * 480 / 1200);
  --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 / 1200);
  --content-width--x-large: calc(var(--container-width) * 1138 / 1200);
  --color-neutral--shade-200: var(--role-line-soft);
  --color-neutral--shade-600: var(--tone-line-strong-79-ink-soft);
  --section-padding--large: calc(var(--section-padding-large) * var(--section-spacing));
  --color-neutral--shade-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\>);
  --color-neutral--shade-400: var(--role-line-strong);
  --fonts--badge: var(--font-label);
  --color-neutral--shade-500: var(--tone-line-strong-87-ink-soft);
  --color-neutral--shade-700: var(--tone-line-strong-67-ink-soft);
  --color-neutral--shade-800: var(--tone-ink-soft-56-line-strong);
  --base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>: var(--tone-line-71-line-soft);
  --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);
}