/* Craftie Game V1 -- TEKA-TEKI palette (navy + gold on warm cream).
   Chrome-only override: page bg, header/footer, titles, CTA buttons.
   Gameplay cells (crossword etc.) keep their own colors so contrasts stay safe. */
:root {
  --cgp: #1e3a5f;
  --cgpd: #0f2744;
  --cga: #d4a574;
  --cgbg: #f7f4ef;
  --cgline: #e9e3da;
}

html, body {
  background: var(--cgbg) !important;
  font-family: "DM Sans", "Nunito", system-ui, sans-serif !important;
}

/* root containers: kill clashing per-game gradients -> palette cream */
#app, .app-wrapper, body > div:first-child {
  background-color: var(--cgbg) !important;
  background-image: none !important;
}

/* start screens get a soft palette wash instead of random candy gradients */
#start-screen, .start-screen {
  background: linear-gradient(160deg, var(--cgbg), #ffffff) !important;
}

/* header / footer chrome -> navy (games in this category already lean navy) */
header, .app-wrapper > header, body > header {
  background: linear-gradient(135deg, var(--cgpd), var(--cgp)) !important;
  border: 0 !important;
}
header h1, header h2, header h3 { color: #fff !important; text-shadow: none !important; }
header p { color: #e6d5bb !important; }
footer {
  background: var(--cgpd) !important;
  color: #ece6dc !important;
}
footer p { color: #d8c9ae !important; }

/* big titles -> webVault serif voice */
h1#main-title, h1#game-title, h1#gameTitle {
  font-family: "Playfair Display", "DM Sans", serif !important;
  letter-spacing: -0.02em;
}

/* CTA buttons in chrome / start screens -> palette pill */
header button, footer button,
#start-screen button, .start-screen button {
  background: linear-gradient(135deg, var(--cgp), var(--cgpd)) !important;
  color: #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(30, 58, 95, 0.25) !important;
}