/* SKYSEED_VISUAL_IDENTITY_LAYER_START */
/* Mathdoku Dojo — collective redesign identity layer, generated 2026-05-02. */
body.site-17 {
  --site-primary: #7f1d1d;
  --site-primary-hover: color-mix(in srgb, #7f1d1d 84%, black);
  --site-primary-dark: color-mix(in srgb, #7f1d1d 72%, black);
  --site-primary-light: color-mix(in srgb, #7f1d1d 12%, white);
  --site-accent: #2563eb;
  --site-accent-hover: color-mix(in srgb, #2563eb 84%, black);
  --site-background: #fff7f5;
  --site-surface: #ffffff;
  --site-text: #2d1f1f;
  --site-text-muted: #695b5b;
  --site-border: color-mix(in srgb, #7f1d1d 18%, #d8dee8);
  --detail-border-radius: 8px;
  --radius-button: 8px;
  --radius-card: 8px;
  background:
    linear-gradient(90deg, rgba(127, 29, 29, 0.055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(37, 99, 235, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, #fff7f5 0%, color-mix(in srgb, #fff7f5 82%, white) 58%, #ffffff 100%) !important;
  background-size: 28px 28px, 28px 28px, auto;
  color: #2d1f1f;
}

body.site-17 .site-header,
body.site-17 [class*="site-header"],
body.site-17 header[role="banner"] {
  background: color-mix(in srgb, #ffffff 88%, #fff7f5);
  border-bottom: 1px solid color-mix(in srgb, #7f1d1d 18%, #d8dee8);
  box-shadow: 0 8px 24px rgba(127, 29, 29, 0.08);
}

body.site-17 .category-card,
body.site-17 .subcategory-card,
body.site-17 .worksheet-card,
body.site-17 .tool-card,
body.site-17 .card,
body.site-17 .detail-card,
body.site-17 .content-panel,
body.site-17 .set-switcher,
body.site-17 .intro,
body.site-17 .intro-section {
  border-radius: 8px;
  border-color: color-mix(in srgb, #7f1d1d 18%, #d8dee8);
  box-shadow: 0 10px 24px rgba(127, 29, 29, 0.075);
}

body.site-17 .category-card:hover,
body.site-17 .subcategory-card:hover,
body.site-17 .worksheet-card:hover,
body.site-17 .tool-card:hover {
  border-color: color-mix(in srgb, #7f1d1d 42%, #d8dee8);
  box-shadow: 0 14px 30px rgba(127, 29, 29, 0.12);
}

body.site-17 .btn-primary,
body.site-17 .button-primary,
body.site-17 a.btn-primary,
body.site-17 button[type="submit"] {
  background: #7f1d1d;
  border-color: color-mix(in srgb, #7f1d1d 84%, black);
  color: #ffffff;
}

body.site-17 .btn-secondary,
body.site-17 .btn-answers,
body.site-17 .badge,
body.site-17 .variant-chip,
body.site-17 .stat-item {
  background: color-mix(in srgb, #2563eb 12%, white);
  border-color: color-mix(in srgb, #2563eb 28%, #d8dee8);
  color: color-mix(in srgb, #2563eb 68%, #2d1f1f);
}

body.site-17 .puzzle-grid,
body.site-17 .sudoku-grid,
body.site-17 .worksheet-grid,
body.site-17 table[class*="grid"] {
  border-color: color-mix(in srgb, #7f1d1d 38%, #111827);
}

@media print {
  body.site-17 {
    background: #ffffff !important;
  }
}
/* SKYSEED_VISUAL_IDENTITY_LAYER_END */