.container {
  border-radius: var(--border-radius-default);
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: 0;
}

.filled {
  --acc-item-bg: transparent;
  --acc-trigger-bg: color-mix(
    in srgb,
    var(--color-bg-contextual-subtle) 66%,
    var(--color-bg-surface)
  );
  --acc-trigger-bg-hover: color-mix(
    in srgb,
    var(--color-bg-contextual-subtle) 74%,
    var(--color-bg-surface)
  );
  --acc-content-bg: var(--color-bg-surface);
  --acc-item-separator: none;
  --acc-item-gap: calc((var(--spacing-xxs) + var(--spacing-xs)) / 2);
  --acc-item-radius: var(--border-radius-sm);
  --acc-content-px: var(--acc-trigger-px);
  --acc-content-open-pt: var(--spacing-2xs);
}

.outlined {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--border-radius-md);
  gap: 0;
  --acc-item-bg: transparent;
  --acc-content-bg: transparent;
  --acc-item-gap: 0;
  --acc-item-radius: 0;
  --acc-trigger-bg: transparent;
  --acc-trigger-bg-hover: transparent;
  --acc-content-px: var(--acc-trigger-px);
  --acc-item-separator: 1px solid var(--color-border-subtle);
}

/* Size variables (consumed by AccordionRow) */
.sm {
  --acc-trigger-py: var(--spacing-xxs);
  --acc-trigger-px: var(--spacing-sm);
  --acc-content-py: var(--spacing-sm);
  --acc-font-size: var(--font-size-sm);
}

.md {
  --acc-trigger-py: var(--spacing-xs);
  --acc-trigger-px: var(--spacing-md);
  --acc-content-py: var(--spacing-md);
  --acc-font-size: var(--font-size-md);
}

.lg {
  --acc-trigger-py: var(--spacing-sm);
  --acc-trigger-px: var(--spacing-md);
  --acc-content-py: var(--spacing-md);
  --acc-font-size: var(--font-size-md);
}

.filled.sm {
  --acc-trigger-py: var(--spacing-2xs);
}

.filled.md {
  --acc-trigger-py: calc((var(--spacing-xs) + var(--spacing-xxs)) / 2);
}

.filled.lg {
  --acc-trigger-py: calc((var(--spacing-sm) + var(--spacing-xs)) / 2);
}

.outlined.sm {
  --acc-trigger-py: var(--spacing-xs);
}

.outlined.md {
  --acc-trigger-py: var(--spacing-sm);
}

.outlined.lg {
  --acc-trigger-py: var(--spacing-md);
}