/*
Theme Name: Twenty Twenty-Two Child
Template: twentytwentytwo
Version: 1.0.0
Text Domain: twentytwentytwo-child
*/

/* Custom 404 styling (ported from your Twenty Twenty-One child theme) */
/* Global site background — white everywhere */
html,
body {
  margin: 0;
  min-height: 100%;
  background: #ffffff;
}
/* Dark background ONLY on 404 page */
body.error404 {
  background: #212529;
}

/* Ensure block wrapper fills viewport on 404 */
body.error404 .wp-site-blocks {
  background: #212529;
  min-height: 100vh;
}

.page-404 {
  min-height: 100vh;
  background: #212529;
  padding: 20px 20px;
}

.page-404 .container {
  max-width: 1000px;
  background: #fff;
  margin: 0 auto;
  padding: 40px;
  border-radius: 10px;
}

.page-404 h2 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3em;
  margin: 10px;
}

/* color variants */
.page-404 .h2-red { color: rgb(245, 0, 0); }
.page-404 .h2-black { color: #000; }