/* Client-editable palette. Values come from admin via :root overrides in header. */
:root {
  --sk-page: #ffffff;
  --sk-text: #111111;
  --sk-panel: #fffbe6;
  --sk-yellow: #ffff00;
  --sk-orange: #ff8c00;
  --sk-orange-dark: #ff6600;
  --sk-heading: #cc0000;
  --sk-number: #000000;
  --sk-danger: #ff0000;
  --sk-link: #d35400;
  --sk-date: #ffe066;
  --sk-gold: #ffd700;
  --sk-green: #008000;
  --sk-wa: #128c7e;
  --bg: var(--sk-page);
  --card: var(--sk-page);
  --card-2: var(--sk-yellow);
  --line: var(--sk-orange);
  --gold: var(--sk-heading);
  --gold-2: var(--sk-orange);
  --orange: var(--sk-orange);
  --orange-2: var(--sk-orange-dark);
  --cream: var(--sk-text);
  --danger: var(--sk-danger);
}

html,
body,
.weekly-page,
.weekly-page.record-page,
.weekly-page.year-page {
  background: var(--sk-page) !important;
  color: var(--sk-text) !important;
}

a { color: var(--sk-link) !important; }
.logo-mark { filter: none; }
.site-title {
  color: var(--sk-heading) !important;
  text-shadow: 0 1px 0 #fff8dc, 0 0 10px rgba(255, 140, 0, .4) !important;
}

.seo-card,
.panel,
.page-card,
.family-strip,
.wa-card,
.admin-box,
.chart-container.intro-box,
.weekly-wrap,
.weekly-page .sf-box,
.year-wrap,
.record-seo,
.modal-box,
.collapsible-content {
  background: var(--sk-panel) !important;
  border-color: var(--sk-orange) !important;
  box-shadow: none !important;
  color: var(--sk-text) !important;
}

.seo-card h1,
.page-card h1,
.faq-item h3,
.faq-section,
.main-heading,
.weekly-page .main-heading,
.record-page .result353,
.year-page .result353,
.sf-weekly .chart-title,
.year-wrap .chart-title,
.record-seo h2,
.highlight,
.weekly-page .highlight,
.weekly-title {
  color: var(--sk-heading) !important;
  text-shadow: none !important;
}

.seo-card p,
.intro-para,
.weekly-page .intro-para,
.faq-item p,
.page-card p,
.page-card li,
.record-seo p,
.record-page .seo-intro,
.legal-note,
.wa-text,
.collapsible-content {
  color: var(--sk-text) !important;
}

.warn-banner {
  background: var(--sk-yellow) !important;
  color: var(--sk-danger) !important;
}

.live-strip {
  background: var(--sk-yellow) !important;
  border-color: var(--sk-orange) !important;
}
.live-name { color: var(--sk-heading) !important; }
.live-res { color: var(--sk-number) !important; }

.result-section,
.weekly-page .today-box {
  background: #160606 !important;
  border: 3px solid #e6b800 !important;
  box-shadow:
    0 0 22px rgba(255, 180, 0, .5),
    0 0 42px rgba(255, 120, 0, .28),
    inset 0 0 26px rgba(255, 200, 0, .1);
  animation: boardGlow 2.2s ease-in-out infinite alternate;
}
.announcement { color: var(--sk-heading) !important; }
.resultboard1,
.weekly-page .today-label {
  color: var(--sk-heading) !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, .55) !important;
  animation: resultGlow 2.4s infinite alternate !important;
}
.resultboard-time {
  color: var(--sk-heading) !important;
}
.resultboard,
.weekly-page .today-number {
  color: var(--sk-number) !important;
  text-shadow: none !important;
}
.weekly-page .today-number.red-jodi { color: var(--sk-green) !important; }
.updated-line,
.weekly-page .today-date { color: var(--sk-heading) !important; }

.wa-title { color: #ffffff !important; }
.wa-title span { color: #ffffff !important; }
.wa-text { color: #ffffff !important; }
.wa-btn,
.chart-link,
.collapsible-btn,
.record-nav a,
.btn-primary,
.weekly-page .btn-primary {
  background: var(--sk-orange) !important;
  color: var(--sk-number) !important;
  box-shadow: none !important;
  animation: none !important;
}
.btn-secondary,
.weekly-page .btn-secondary {
  background: var(--sk-yellow) !important;
  color: var(--sk-number) !important;
  border-color: var(--sk-orange) !important;
}

.date-timeline {
  background: var(--sk-yellow) !important;
  color: var(--sk-number) !important;
  border-color: var(--sk-orange) !important;
}
.date-highlight { color: var(--sk-heading) !important; }

.live-updates-bar,
.panel h2,
.chart-banner h2,
.faq-section h2,
.chart-title {
  background: var(--sk-orange) !important;
  color: var(--sk-number) !important;
  text-shadow: none !important;
}

.game-card {
  background: var(--sk-yellow) !important;
  border: 2px solid var(--sk-orange) !important;
}
.game-card::before { display: none; }
.game-name,
.game-time { color: var(--sk-heading) !important; }

.quick-btn,
.year-btn {
  background: var(--sk-yellow) !important;
  color: var(--sk-number) !important;
  border-color: var(--sk-orange) !important;
}
.quick-btn:hover,
.year-btn.on,
.year-btn:hover {
  background: var(--sk-orange) !important;
  color: var(--sk-number) !important;
}

.chart-banner {
  background: var(--sk-yellow) !important;
  border-color: var(--sk-orange) !important;
}

.monthly-chart,
.record-mix .monthly-chart {
  background: var(--sk-yellow) !important;
  border-color: var(--sk-orange) !important;
  box-shadow: none !important;
}
.chart-header,
.record-mix .chart-header {
  background: var(--sk-orange) !important;
  color: var(--sk-number) !important;
}
.record-mix .chart-title1,
.chart-subtitle,
.record-mix .chart-subtitle {
  color: var(--sk-number) !important;
  text-shadow: none !important;
}

.column-header,
.record-mix .column-header,
.year-wrap .chart-table th,
.weekly-table th,
.sf-weekly th {
  background: var(--sk-orange) !important;
  color: var(--sk-number) !important;
  border-color: var(--sk-orange-dark) !important;
}

.date-cell,
.record-mix .date-cell,
.year-wrap .chart-table .date-cell {
  background: var(--sk-date) !important;
  color: var(--sk-number) !important;
  border-color: var(--sk-orange) !important;
}

.result-cell,
.record-mix .result-cell,
.year-wrap .chart-table td,
.year-wrap .chart-table .number-cell,
.weekly-table td,
.sf-weekly td {
  background: var(--sk-yellow) !important;
  color: var(--sk-number) !important;
  text-shadow: none !important;
  border-color: var(--sk-orange) !important;
}

.result-cell.missing,
.record-mix .result-cell.missing,
.weekly-table td.missing,
.sf-weekly td.missing {
  color: var(--sk-danger) !important;
  background: var(--sk-yellow) !important;
}

.doubled,
.record-mix .doubled,
.weekly-table td.red-jodi,
.sf-weekly td.red-jodi {
  color: var(--sk-heading) !important;
}

.record-mix .column-header.focused-column,
.record-mix .result-cell.focused-column {
  background: var(--sk-gold) !important;
  color: var(--sk-number) !important;
}

.record-mix .nav-row,
.record-mix .month-nav-btn {
  background: var(--sk-date) !important;
  color: var(--sk-number) !important;
}
.record-mix .month-nav-btn:hover {
  background: var(--sk-orange) !important;
  color: var(--sk-number) !important;
}

.sf-weekly td.week-col,
.sf-weekly th.week-col {
  background: var(--sk-orange) !important;
  color: var(--sk-number) !important;
  border-color: var(--sk-orange-dark) !important;
}

.sf-weekly .chart-title small,
.weekly-title small { color: var(--sk-heading) !important; }

.weekly-page .feature,
.quick-features .feature {
  background: var(--sk-yellow) !important;
  color: var(--sk-number) !important;
  border-left-color: var(--sk-orange) !important;
}

.number-box {
  background: var(--sk-yellow) !important;
  border-color: var(--sk-orange) !important;
}
.main-number { color: var(--sk-number) !important; }
.number-box.active,
.number-box:hover { background: var(--sk-orange) !important; }

footer { color: var(--sk-orange-dark) !important; border-color: var(--sk-orange) !important; }

#liveSyncBadge {
  background: var(--sk-yellow) !important;
  color: var(--sk-number) !important;
  border-color: var(--sk-orange) !important;
  box-shadow: none !important;
}
#liveSyncBadge.on { color: var(--sk-green) !important; border-color: var(--sk-green) !important; }

.admin-box input,
.admin-table input {
  background: var(--sk-page) !important;
  color: var(--sk-number) !important;
  border-color: var(--sk-orange) !important;
}
.admin-table { color: var(--sk-number) !important; }

.export-btn {
  background: var(--sk-orange) !important;
  color: var(--sk-number) !important;
}