@font-face {
  font-family: "Bodrum Sweet";
  src: url("./bodrum-sweet-13-light.otf") format("opentype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

[data-brand-family="tock-fatal"] {
  --brand-display-font: "Bodrum Sweet", "Inter", "Segoe UI", Arial, sans-serif;
  --brand-body-font: "Inter", "Segoe UI", Arial, sans-serif;
  --brand-primary: #9f2960;
  --brand-primary-strong: #7a2147;
  --brand-secondary: #6c2443;
  --brand-accent: #fbd0d9;
  --brand-accent-soft: #fff0f5;
  --brand-surface: #fff7fa;
  --brand-paper: #fffdfd;
  --brand-text: #3c1726;
  --brand-muted: #765968;
  --brand-line: rgba(108, 36, 67, 0.18);
  color: var(--brand-text);
  background-color: var(--brand-surface);
  font-family: var(--brand-body-font);
}

[data-brand-family="tock-fatal"] :is(h1, h2, h3, .brand-display) {
  font-family: var(--brand-display-font);
  font-weight: 300;
}

[data-brand-family="tock-fatal"] .brand-eyebrow {
  color: var(--brand-primary);
  font-family: var(--brand-body-font);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

[data-brand-family="tock-fatal"][data-brand-channel="atacado"] {
  --brand-primary: #922b48;
  --brand-primary-strong: #6f1e36;
  --brand-secondary: #9f2960;
  --brand-accent: #cea265;
  --brand-accent-soft: #fff4e5;
  --brand-surface: #fff8f1;
  --brand-text: #2e111c;
}