:root {
  --ahbab-red: #b31313;
  --ahbab-red-deep: #7f1018;
  --ahbab-red-dark: #4b0508;
  --ahbab-flame: #e53e0d;
  --ahbab-flame-deep: #a32608;
  --ahbab-gold: #ffd166;
  --ahbab-yellow: #f7c948;
  --ahbab-mango: #ffb21a;
  --ahbab-mango-deep: #d98200;
  --ahbab-bg: #120405;
  --ahbab-bg-soft: #1c0708;
  --ahbab-panel: #24090a;
  --ahbab-panel-soft: #321010;
  --ahbab-border: rgba(255, 178, 26, .28);
  --ahbab-text: #ffe8a3;
  --ahbab-muted: #d9a441;
  --ahbab-link: #ffc247;
  --ahbab-link-hover: #ff9f1c;
}
body {
  background: radial-gradient(circle at top, rgba(179, 19, 19, .22), transparent 30%), linear-gradient(180deg, var(--ahbab-bg), var(--ahbab-bg-soft));
  color: var(--ahbab-text);
}
a { color: var(--ahbab-link); }
a:hover { color: var(--ahbab-link-hover); }
h1, h2, h3, h4, h5, h6,
.section-title,
.card-title,
.article-rich-html h1,
.article-rich-html h2,
.article-rich-html h3,
.article-rich-html h4,
.article-rich-html h5,
.article-rich-html h6 {
  color: var(--ahbab-gold);
}
.card,
.article-content-card,
.article-side-card,
.match-card,
.news-card,
.premium-card,
.table-card,
.group-card {
  background: linear-gradient(145deg, rgba(50, 16, 16, .96), rgba(28, 7, 8, .96));
  border-color: var(--ahbab-border);
  color: var(--ahbab-text);
}
.btn,
button,
.button,
.primary-btn,
.article-action-link,
.badge,
.tag,
.pill {
  border-color: rgba(255, 178, 26, .35);
}
.btn-primary,
.primary-btn,
.article-action-link:not(.article-action-muted),
.badge-primary,
.tag-primary {
  background: linear-gradient(135deg, var(--ahbab-gold), var(--ahbab-mango));
  color: #3a0708;
}
.article-rich-html,
.article-rich-html p,
.article-rich-html li,
.article-rich-html td,
.article-rich-html th,
.article-rich-html span,
.article-rich-html div {
  color: var(--ahbab-text) !important;
}
.article-rich-html strong,
.article-rich-html b,
.article-rich-html a {
  color: var(--ahbab-gold) !important;
}
.article-rich-html h2,
.article-rich-html h3,
.article-rich-html .premium-box,
.article-rich-html .news-box,
.article-rich-html .html-card,
.article-rich-html .info-card,
.article-rich-html .match-card,
.article-rich-html .group-card {
  background: linear-gradient(135deg, rgba(179, 19, 19, .24), rgba(255, 178, 26, .16));
  border-color: rgba(255, 178, 26, .26);
}
.article-rich-html table {
  background: var(--ahbab-panel);
  border-color: rgba(255, 178, 26, .24);
}
.article-rich-html th {
  background: linear-gradient(135deg, var(--ahbab-red-deep), var(--ahbab-mango-deep));
  color: var(--ahbab-gold) !important;
}
.article-rich-html td {
  background: rgba(50, 16, 16, .88);
  border-color: rgba(255, 178, 26, .18);
}
.article-rich-html tr:nth-child(even) td {
  background: rgba(75, 5, 8, .82);
}
input,
select,
textarea {
  background: linear-gradient(180deg, #24090a, #1c0708);
  color: var(--ahbab-text);
  border-color: rgba(255, 178, 26, .32);
}
input::placeholder,
textarea::placeholder {
  color: rgba(217, 164, 65, .75);
}
.table,
table {
  color: var(--ahbab-text);
}