/* AUTO-GENERATED by tools/build-tokens.mjs from tokens/tokens.json. Do not edit. */
/* Compatibility layer: prototype-length variable names -> theme.json presets. */
:root, .editor-styles-wrapper {
  --bg: var(--wp--preset--color--base);
  --bg-2: var(--wp--preset--color--base-alt);
  --surface: var(--wp--preset--color--surface);
  --surface-2: var(--wp--preset--color--surface-raised);
  --primary: var(--wp--preset--color--primary);
  --primary-dim: var(--wp--custom--color--primary-dim);
  --violet: var(--wp--preset--color--violet);
  --violet-light: var(--wp--preset--color--violet-light);
  --danger: var(--wp--preset--color--danger);
  --danger-bright: var(--wp--custom--color--danger-bright);
  --danger-dim: var(--wp--custom--color--danger-dim);
  --danger-dead: var(--wp--custom--color--danger-dead);
  --text: var(--wp--preset--color--contrast);
  --muted: var(--wp--preset--color--muted);
  --faint: var(--wp--preset--color--faint);
  --border: var(--wp--custom--color--border);
  --border-soft: var(--wp--custom--color--border-soft);
  --display: var(--wp--preset--font-family--display);
  --body: var(--wp--preset--font-family--body);
  --mono: var(--wp--preset--font-family--mono);
  --section-pad: var(--wp--custom--rhythm--section-pad);
  --gutter: var(--wp--custom--rhythm--gutter);
  --maxw: 1280px;
  --hex: var(--wp--custom--hex--clip);
}