/* Craftie Game V1 -- PINTAR CERIA palette (blue + amber on cool cream).
   Chrome-only override: page bg, header/footer, titles, CTA buttons.
   Gameplay cells/options keep their own colors so contrasts stay safe. */
:root {
  --cgp: #2563eb;
  --cgpd: #1e3a8a;
  --cga: #f59e0b;
  --cgbg: #f3f5fa;
  --cgline: #e6e9f2;
}

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 -> blue */
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: #dbe6fb !important; }
footer {
  background: var(--cgpd) !important;
  color: #e8ebf6 !important;
}
footer p { color: #c7d2f2 !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(37, 99, 235, 0.25) !important;
}