/* AUTO-GENERATED. See scripts/generate-dimension-tokens.mjs */
/* Source: src/json/dimensions/dimensions.tokens.json        */

:root {
  /* Base — shared 8px default; override a category base independently when needed */
  --dimension-base:              8px;
  --dimension-space-base:        var(--dimension-base);
  --dimension-radius-base:       var(--dimension-base);
  --dimension-size-base:         var(--dimension-base);
  --dimension-stroke-width-base: var(--dimension-base);

  /* Spacing — calc() relative to --dimension-space-base */
  --dimension-space-100: var(--dimension-space-base);
  --dimension-space-125: calc(var(--dimension-space-base) * 5 / 4);
  --dimension-space-150: calc(var(--dimension-space-base) * 3 / 2);
  --dimension-space-175: calc(var(--dimension-space-base) * 7 / 4);
  --dimension-space-200: calc(var(--dimension-space-base) * 2);
  --dimension-space-250: calc(var(--dimension-space-base) * 5 / 2);
  --dimension-space-300: calc(var(--dimension-space-base) * 3);
  --dimension-space-400: calc(var(--dimension-space-base) * 4);
  --dimension-space-600: calc(var(--dimension-space-base) * 6);
  --dimension-space-800: calc(var(--dimension-space-base) * 8);
  --dimension-space-000: 0;
  --dimension-space-012: calc(var(--dimension-space-base) / 8);
  --dimension-space-025: calc(var(--dimension-space-base) / 4);
  --dimension-space-050: calc(var(--dimension-space-base) / 2);
  --dimension-space-075: calc(var(--dimension-space-base) * 3 / 4);
  --dimension-space-n012: calc(var(--dimension-space-base) * -1 / 8);
  --dimension-space-n025: calc(var(--dimension-space-base) * -1 / 4);
  --dimension-space-n050: calc(var(--dimension-space-base) * -1 / 2);
  --dimension-space-n075: calc(var(--dimension-space-base) * -3 / 4);
  --dimension-space-n100: calc(var(--dimension-space-base) * -1);
  --dimension-space-n125: calc(var(--dimension-space-base) * -5 / 4);
  --dimension-space-n150: calc(var(--dimension-space-base) * -3 / 2);
  --dimension-space-n175: calc(var(--dimension-space-base) * -7 / 4);
  --dimension-space-n200: calc(var(--dimension-space-base) * -2);
  --dimension-space-n250: calc(var(--dimension-space-base) * -5 / 2);
  --dimension-space-n300: calc(var(--dimension-space-base) * -3);
  --dimension-space-n400: calc(var(--dimension-space-base) * -4);
  --dimension-space-n600: calc(var(--dimension-space-base) * -6);
  --dimension-space-n800: calc(var(--dimension-space-base) * -8);

  /* Radius — calc() relative to --dimension-radius-base */
  --dimension-radius-100: var(--dimension-radius-base);
  --dimension-radius-125: calc(var(--dimension-radius-base) * 5 / 4);
  --dimension-radius-150: calc(var(--dimension-radius-base) * 3 / 2);
  --dimension-radius-175: calc(var(--dimension-radius-base) * 7 / 4);
  --dimension-radius-200: calc(var(--dimension-radius-base) * 2);
  --dimension-radius-250: calc(var(--dimension-radius-base) * 5 / 2);
  --dimension-radius-300: calc(var(--dimension-radius-base) * 3);
  --dimension-radius-400: calc(var(--dimension-radius-base) * 4);
  --dimension-radius-600: calc(var(--dimension-radius-base) * 6);
  --dimension-radius-000: 0;
  --dimension-radius-012: calc(var(--dimension-radius-base) / 8);
  --dimension-radius-025: calc(var(--dimension-radius-base) / 4);
  --dimension-radius-037: calc(var(--dimension-radius-base) * 3 / 8);
  --dimension-radius-050: calc(var(--dimension-radius-base) / 2);
  --dimension-radius-075: calc(var(--dimension-radius-base) * 3 / 4);
  --dimension-radius-half: 9999px;

  /* Stroke widths — calc() relative to --dimension-stroke-width-base */
  --dimension-stroke-width-012: calc(var(--dimension-stroke-width-base) / 8);
  --dimension-stroke-width-015: calc(var(--dimension-stroke-width-base) * 5 / 32);
  --dimension-stroke-width-018: calc(var(--dimension-stroke-width-base) * 3 / 16);
  --dimension-stroke-width-025: calc(var(--dimension-stroke-width-base) / 4);
  --dimension-stroke-width-037: calc(var(--dimension-stroke-width-base) * 3 / 8);
  --dimension-stroke-width-050: calc(var(--dimension-stroke-width-base) / 2);

  /* Size — element width/height, calc() relative to --dimension-size-base */
  --dimension-size-100: var(--dimension-size-base);
  --dimension-size-150: calc(var(--dimension-size-base) * 3 / 2);
  --dimension-size-200: calc(var(--dimension-size-base) * 2);
  --dimension-size-250: calc(var(--dimension-size-base) * 5 / 2);
  --dimension-size-300: calc(var(--dimension-size-base) * 3);
  --dimension-size-400: calc(var(--dimension-size-base) * 4);
  --dimension-size-500: calc(var(--dimension-size-base) * 5);
  --dimension-size-600: calc(var(--dimension-size-base) * 6);
  --dimension-size-800: calc(var(--dimension-size-base) * 8);
  --dimension-size-000: 0;
  --dimension-size-050: calc(var(--dimension-size-base) / 2);
  --dimension-size-075: calc(var(--dimension-size-base) * 3 / 4);

  /* Iconography — semantic icon size aliases, calc() relative to --dimension-size-base */
  --dimension-iconography-xs: calc(var(--dimension-size-base) * 3 / 2);
  --dimension-iconography-sm: calc(var(--dimension-size-base) * 2);
  --dimension-iconography-md: calc(var(--dimension-size-base) * 5 / 2);
  --dimension-iconography-lg: calc(var(--dimension-size-base) * 3);
  --dimension-iconography-xl: calc(var(--dimension-size-base) * 4);
  --dimension-iconography-2xl: calc(var(--dimension-size-base) * 6);
  --dimension-iconography-3xl: calc(var(--dimension-size-base) * 7);

  /* Card widths */
  --dimension-card-width-xs: 300px;
  --dimension-card-width-sm: 400px;
  --dimension-card-width-md: 500px;
  --dimension-card-width-lg: 600px;

  /* Modal widths */
  --dimension-modal-width-xs: 300px;
  --dimension-modal-width-sm: 400px;
  --dimension-modal-width-md: 500px;
  --dimension-modal-width-lg: 600px;
  --dimension-modal-width-xl: 700px;
  --dimension-modal-width-2xl: 800px;
  --dimension-modal-width-fill: 100%;

  /* Form widths */
  --dimension-form-width-xs: 200px;
  --dimension-form-width-sm: 300px;
  --dimension-form-width-md: 400px;
  --dimension-form-width-lg: 500px;
  --dimension-form-width-xl: 600px;

  /* Table column widths */
  --dimension-table-column-width-xs: 100px;
  --dimension-table-column-width-sm: 200px;
  --dimension-table-column-width-md: 300px;
  --dimension-table-column-width-lg: 400px;
  --dimension-table-column-width-xl: 500px;

  /* Menu widths */
  --dimension-menu-width-xs: 200px;
  --dimension-menu-width-sm: 300px;
  --dimension-menu-width-md: 400px;
  --dimension-menu-width-lg: 500px;

  /* Tooltip widths */
  --dimension-tooltip-width-sm: 300px;
  --dimension-tooltip-width-md: 400px;
  --dimension-tooltip-width-lg: 500px;

  /* Panel widths */
  --dimension-panel-width-2xs: 200px;
  --dimension-panel-width-xs: 300px;
  --dimension-panel-width-sm: 400px;
  --dimension-panel-width-md: 500px;
  --dimension-panel-width-lg: 600px;
  --dimension-panel-width-xl: 700px;
  --dimension-panel-width-2xl: 800px;
  --dimension-panel-width-fill: 100%;

  /* Card heights */
  --dimension-card-height-xs: 300px;
  --dimension-card-height-sm: 400px;
  --dimension-card-height-md: 500px;
  --dimension-card-height-lg: 600px;

  /* Modal heights */
  --dimension-modal-height-xs: 300px;
  --dimension-modal-height-sm: 400px;
  --dimension-modal-height-md: 500px;
  --dimension-modal-height-lg: 600px;
  --dimension-modal-height-fill: 100%;

  /* Offset — for transforms and background-position, calc() relative to --dimension-space-base */
  --dimension-offset-100: var(--dimension-space-base);
  --dimension-offset-125: calc(var(--dimension-space-base) * 5 / 4);
  --dimension-offset-150: calc(var(--dimension-space-base) * 3 / 2);
  --dimension-offset-175: calc(var(--dimension-space-base) * 7 / 4);
  --dimension-offset-200: calc(var(--dimension-space-base) * 2);
  --dimension-offset-250: calc(var(--dimension-space-base) * 5 / 2);
  --dimension-offset-base: var(--dimension-space-base);
  --dimension-offset-000: 0;
  --dimension-offset-025: calc(var(--dimension-space-base) / 4);
  --dimension-offset-050: calc(var(--dimension-space-base) / 2);
  --dimension-offset-075: calc(var(--dimension-space-base) * 3 / 4);
  --dimension-offset-n025: calc(var(--dimension-space-base) * -1 / 4);
  --dimension-offset-n050: calc(var(--dimension-space-base) * -1 / 2);
  --dimension-offset-n075: calc(var(--dimension-space-base) * -3 / 4);
  --dimension-offset-n100: calc(var(--dimension-space-base) * -1);
  --dimension-offset-n125: calc(var(--dimension-space-base) * -5 / 4);
  --dimension-offset-n150: calc(var(--dimension-space-base) * -3 / 2);
  --dimension-offset-n175: calc(var(--dimension-space-base) * -7 / 4);
  --dimension-offset-n200: calc(var(--dimension-space-base) * -2);
  --dimension-offset-n250: calc(var(--dimension-space-base) * -5 / 2);

  /* Scale — unitless multipliers for transform: scale() */
  --dimension-scale-default: 1;
  --dimension-scale-subtle: 0.99;

  /* Z-index layers */
  --dimension-z-index-base: 0;
  --dimension-z-index-raised: 50;
  --dimension-z-index-overlay: 250;
  --dimension-z-index-modal: 450;
  --dimension-z-index-floating: 500;
  --dimension-z-index-tooltip: 750;

}