/* Generated by scripts/tokens.mjs from tokens/dss.tokens.json (sha256 07af701b4eb780b0): Brand mode bonafide and Theme mode study-bonafide. Do not edit. */
.u-brand-bonafide, .u-theme-study-bonafide {
  --swatch--bonafide-surface: #16130b;
  --swatch--bonafide-orange: #f05024;
  --swatch--bonafide-surface-alt: #211c12;
  --swatch--bonafide-text: #eae1d4;
  --swatch--bonafide-text-muted: #a99f8d;
  --swatch--bonafide-border: color-mix(in srgb, #eae1d4 14%, transparent);
  --swatch--bonafide-border-strong: color-mix(in srgb, #eae1d4 40%, transparent);
}
.u-brand-bonafide {
  --_brand---background: var(--swatch--bonafide-surface);
  --_brand---text: var(--swatch--bonafide-orange);
  --_brand---accent: var(--swatch--bonafide-orange);
}
.u-theme-study-bonafide {
  --_theme---background: var(--swatch--bonafide-surface);
  --_theme---background-2: var(--swatch--bonafide-surface-alt);
  --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
  --_theme---text: var(--swatch--bonafide-text);
  --_theme---text-2: var(--swatch--bonafide-text-muted);
  --_theme---text-3: var(--swatch--bonafide-text-muted);
  --_theme---border: var(--swatch--bonafide-border);
  --_theme---input--border: var(--swatch--bonafide-border-strong);
  --_theme---selection--background: var(--swatch--brand-500);
  --_theme---selection--text: var(--swatch--brand-text);
  --_theme---button-primary--background: var(--swatch--bonafide-text);
  --_theme---button-primary--border: var(--_theme---button-primary--background);
  --_theme---button-primary--text: var(--swatch--bonafide-surface);
  --_theme---button-primary--background-hover: var(--swatch--bonafide-text-muted);
  --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover);
  --_theme---button-primary--text-hover: var(--_theme---background);
  --_theme---button-secondary--background: var(--swatch--transparent);
  --_theme---button-secondary--border: var(--_theme---input--border);
  --_theme---button-secondary--text: var(--_theme---text);
  --_theme---button-secondary--background-hover: var(--_theme---text);
  --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover);
  --_theme---button-secondary--text-hover: var(--_theme---background);
  --_theme---text-link--text: var(--_theme---text);
  --_theme---text-link--border: var(--_theme---input--border);
  --_theme---text-link--text-hover: var(--_theme---text-link--text);
  --_theme---text-link--border-hover: var(--_theme---text);
  --_theme---nav--background: var(--_theme---background);
  --_theme---focus--ring: var(--swatch--brand-500);
  --_theme---focus--halo: var(--swatch--transparent);
  --_theme---accent--background: var(--swatch--bonafide-orange);
  --_theme---accent--text: var(--swatch--bonafide-surface);
  --_theme---evidence--background: var(--swatch--transparent);
  --_theme---evidence--text: var(--swatch--brand-500);
  --_theme---status--error: var(--swatch--error-300);
  --_theme---status--success: var(--swatch--success-300);
  --_theme---overlay--background: var(--swatch--dark-900-o60);
  --_theme---play--open-centre: var(--swatch--play-paper);
  --_theme---play--sun: var(--swatch--play-paper);
  --_theme---play--petal-6: var(--swatch--play-flame);
  --_theme---play--petal-12: var(--swatch--play-flame);
  --_theme---play--twinkle: var(--swatch--play-orchid);
  --_theme---play--petal-5: var(--swatch--play-blue);
  --_theme---play--petal-4: var(--swatch--play-indigo);
}
.u-theme-study-bonafide { color-scheme: dark; background-color: var(--_theme---background); color: var(--_theme---text); }