/* Token mapping for Dawn, from docs/tokens.md in the canonical nbd- repo. */
:root,
[class*="color-scheme-"] {
  --nbd-text: rgb(var(--color-foreground));
  --nbd-heading: rgb(var(--color-foreground));
  --nbd-link: rgb(var(--color-link));
  --nbd-surface: rgb(var(--color-background));
  --nbd-surface-muted: color-mix(in srgb, rgb(var(--color-foreground)) 7%, rgb(var(--color-background)));
  --nbd-border: rgba(var(--color-foreground), 0.2);
  --nbd-border-selected: rgb(var(--color-foreground));
  --nbd-accent: rgb(var(--color-button));
  --nbd-accent-text: rgb(var(--color-button-text));
}

:root {
  --nbd-radius-card: var(--product-card-corner-radius);
  --nbd-radius-control: var(--buttons-radius);
  --nbd-gutter: var(--grid-desktop-horizontal-spacing);
  --nbd-page-width: var(--page-width);
  --nbd-font-unit: 0.1rem;
}

/* Pre-order details, styled as a Dawn product accordion. */
nbd-preorder nbd-details {
  display: block;
  margin-top: 2.5rem;
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

nbd-preorder .nbd-details-summary {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 0;
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  font-size: calc(var(--font-heading-scale) * 1.5rem);
  letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
  line-height: 1;
  word-break: break-word;
}

nbd-preorder .nbd-details-summary::after {
  content: '';
  flex-shrink: 0;
  width: 1rem;
  height: 0.6rem;
  margin-inline: auto 1.5rem;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708'/%3E%3C/svg%3E") center / contain no-repeat;
}

nbd-preorder details[open] > .nbd-details-summary::after {
  transform: rotate(180deg);
}