@use '@tokens' as tokens;

$accordion-item-background-color-state-default: tokens.$background-interactive-state-default;
$accordion-item-background-color-state-hover: tokens.$background-interactive-state-hover;
$accordion-item-background-color-state-active: tokens.$background-interactive-state-active;
$accordion-header-typography: tokens.$body-medium-regular;
$accordion-header-typography-active: tokens.$body-medium-bold;
$accordion-header-typography-color: tokens.$text-primary;
$accordion-header-gap: tokens.$space-600;
$accordion-header-padding-y: tokens.$space-900;
$accordion-header-padding-x: tokens.$space-700;
$accordion-border-radius: tokens.$radius-200;
$accordion-divider-color: tokens.$border-basic;
$accordion-divider-width: tokens.$border-width-100;
$accordion-divider-style: solid;
$accordion-content-padding-bottom: tokens.$space-700;
