:root {
  /* Custom tokens not yet present in component-medium.css */
  --panel-content-padding-top-md: 12;

  /* Burn-down list — each entry names its Figma variable and is deleted once a
     token export carries it. Only tokens whose value is identical across
     small/medium/large belong here: this file is density-agnostic and is not
     swapped by ThemeService.switchTheme.

     2026-09-22 — elegibilityCriteria/trigger/{completed,notCompleted}/bacground-color-open.
     Dropped by every export to date: the Figma exporter skipped any variable
     whose value is an alias carrying an opacity chip. Fixed in
     plugin-figma-token-exporter/code.js; remove these two after the next
     successful re-export. Values mirror what that exporter now emits. */
  --elegibilitycriteria-trigger-completed-bacground-color-open: color-mix(in srgb, var(--color-background-success-pale) 55%, transparent);
  --elegibilitycriteria-trigger-notcompleted-bacground-color-open: color-mix(in srgb, var(--color-background-danger-pale) 70%, transparent);

  /* Shorthand box-shadow tokens composed from semantic-zam-light.css primitives */
  --box-shadow-lightblur-xs: calc(var(--shadow-lightblur-xs-x) * 1px) calc(var(--shadow-lightblur-xs-y) * 1px) calc(var(--shadow-lightblur-xs-blur) * 1px) calc(var(--shadow-lightblur-xs-spread) * 1px) var(--shadow-lightblur-xs-color);
  --box-shadow-material-2xl: calc(var(--shadow-material-2xl-x) * 1px) calc(var(--shadow-material-2xl-y) * 1px) calc(var(--shadow-material-2xl-blur) * 1px) calc(var(--shadow-material-2xl-spread) * 1px) var(--shadow-material-2xl-color);
  --box-shadow-material-3xs: calc(var(--shadow-material-3xs-x) * 1px) calc(var(--shadow-material-3xs-y) * 1px) calc(var(--shadow-material-3xs-blur) * 1px) calc(var(--shadow-material-3xs-spread) * 1px) var(--shadow-material-3xs-color);
  --box-shadow-material-sm: calc(var(--shadow-material-sm-x) * 1px) calc(var(--shadow-material-sm-y) * 1px) calc(var(--shadow-material-sm-blur) * 1px) calc(var(--shadow-material-sm-spread) * 1px) var(--shadow-material-sm-color);
  --box-shadow-custom-header: calc(var(--shadow-custom-header-x) * 1px) calc(var(--shadow-custom-header-y) * 1px) calc(var(--shadow-custom-header-blur) * 1px) calc(var(--shadow-custom-header-spread) * 1px) var(--shadow-custom-header-color);
}
