:where(.bpg-instance) {
  
  --bpg-card-aspect-ratio: calc(9 / 16);
  --bpg-header-height: 100px;
  --bpg-primary: #56523e;
  --bpg-primary-hover: color-mix(in srgb, var(--bpg-primary) 82%, black);
  --bpg-primary-soft: color-mix(in srgb, var(--bpg-primary) 8%, white);
  --bpg-primary-soft-text: color-mix(in srgb, var(--bpg-primary) 70%, black);
  --bpg-secondary: #9b7b41;
  --bpg-secondary-hover: color-mix(in srgb, var(--bpg-secondary) 80%, black);
  --bpg-secondary-soft: color-mix(in srgb, var(--bpg-secondary) 18%, white);
  --bpg-secondary-soft-text: color-mix(in srgb, var(--bpg-secondary) 72%, black);
  --bpg-surface: color-mix(in srgb, var(--bpg-primary) 3%, white);
  --bpg-surface-variant: color-mix(in srgb, var(--bpg-secondary) 4%, white);
  --bpg-border: color-mix(in srgb, var(--bpg-primary) 18%, transparent);
  --bpg-text: color-mix(in srgb, var(--bpg-primary) 26%, var(--bpg-secondary) 74%);
  --bpg-text-muted: color-mix(in srgb, var(--bpg-primary) 18%, var(--bpg-secondary) 82%);
  --bpg-on-primary: color-mix(in srgb, var(--bpg-primary) 8%, white);
  --bpg-on-secondary: color-mix(in srgb, var(--bpg-secondary) 12%, white);
  --bpg-focus-ring: color-mix(in srgb, var(--bpg-secondary) 22%, transparent);
  --bpg-shadow-pretty: color-mix(in srgb, var(--bpg-primary) 16%, transparent) 0px 1px 4px;
}