/* Calculated via JS */
:root {
  --header-height: auto;
  --wpadminbar-height: auto;
}

/**
 * Helper variables for using in theme.json.
 *
 * NOTE: These variables are needed to provide uniq variable name to use
 *       it theme.json due to WordPress limitations.
 *       When multiple properties share the same value, WordPress match the
 *       selected element in block editor by the item "value" but not by item "slug",
 *       because of this we can NOT select the variable. For example:
 *       { "slug": "fluid-xl", "name": "fluid-xl", "size": "var(--some-var)" },
 *       { "slug": "edge-x",   "name": "edge-x",   "size": "var(--some-var)" },
 *       Since both use the same value, selecting "edge-x" will actually select "fluid-xl" in the block editor.
 */
:root {
  /* spacing */
  --_spacing--edge-x: var(--size-fluid300-60px);
  --_spacing--base-gap: var(--size-fluid300-16px);
}