/* Cool RemasGames palette: no beige, brown, green, blue, or purple. */
:root {
  --ink: #09090b;
  --paper: #ffffff;
  --lime: #0b0b0d;
  --purple: #60646c;
  --pink: #c8cbd0;
  --yellow: #92969d;
  --muted: #a9adb4;
  --line: rgba(255, 255, 255, .14);
  --accent: #ef1024;
}

body { background: #09090b; color: #fff; }
.site-header { background: rgba(9, 9, 11, .72); backdrop-filter: blur(10px); }
.brand-logo { filter: drop-shadow(0 4px 7px rgba(0, 0, 0, .42)); }
.brand > span:last-child > span { color: #fff; }
nav a { color: #d7d9dd; }
nav a:hover { color: #fff; }
nav .nav-cta { color: #fff; border-color: rgba(239, 16, 36, .72); }
nav .nav-cta:hover { background: #2f3238; border-color: var(--accent); }

.hero {
  background: linear-gradient(120deg, #050506 52%, #111216);
}
.hero h1 span { color: #fff; -webkit-text-stroke: 0; text-shadow: none; }
.hero-lede { color: #c9ccd1; }
.eyebrow, .section-kicker { color: #b7bac0; }
.status-dot { background: var(--accent); box-shadow: 0 0 12px rgba(239, 16, 36, .68); }
.button-primary, .button-submit { background: #0b0b0d; color: #fff; }
.button-primary { box-shadow: 7px 7px 0 #4d5057; }
.button-primary:hover { box-shadow: 10px 10px 0 #4d5057; }
.hero .button-primary { background: #fff; color: #0b0b0d; border-bottom: 4px solid var(--accent); }
.mini-stats { color: #9599a1; }
.orbit { border-color: rgba(255, 255, 255, .15); }
.pixel { color: #d5d7dc; }
.p2, .p3 { color: #9b9fa6; }
.level-chip { background: #fff; box-shadow: 6px 6px 0 #555961; }
.green-divider { height: 4px; background: var(--accent); }
.ticker { background: #1b1c20; color: #fff; border-block: 1px solid #34363c; }
.ticker span { color: #9da1a8; }

.about { background: #fff; color: #0c0c0f; }
.about .section-kicker, .projects .section-kicker, .faq-heading .section-kicker { color: var(--accent); }
h2 span, .faq-heading h2 span { color: #5d6169; }
.about-copy, .section-heading > p, .project-info p, .project-open p, .faq-list details p { color: #4e5259; }
.future-note { background: #f0f1f3; border-left-color: #63676f; box-shadow: 7px 7px 0 #d2d4d8; }
.values span { background: #17181c; color: #fff; }

.projects { background: #e5e7eb; color: #0c0c0f; }
.project-card { background: #fff; }
.happy-hollow-project .tag { background: var(--accent); color: #fff; }
.meta { border-top-color: #c7c9ce; }
.visual-happy-hollow {
  background:
    radial-gradient(ellipse at 50% 72%, rgba(145, 149, 157, .22), transparent 42%),
    linear-gradient(180deg, #050506 0%, #17181c 52%, #020203 100%);
  color: #f0f0f1;
  text-shadow: 0 0 9px rgba(255, 255, 255, .15);
}
.visual-happy-hollow:before {
  background:
    repeating-linear-gradient(180deg, rgba(255,255,255,.035) 0 1px, transparent 1px 5px),
    linear-gradient(90deg, rgba(0,0,0,.88), transparent 19% 81%, rgba(0,0,0,.88));
}
.hh-rain { background: repeating-linear-gradient(104deg, transparent 0 23px, rgba(220,222,226,.14) 24px 25px, transparent 26px 49px); }
.hh-archive { color: #c1c3c7; }
.hh-archive span, .hh-title span, .hh-tracking { color: #858991; }
.hh-title { color: #f4f4f5; }
.hh-status { color: #e0e1e3; }
.hh-status span { color: var(--accent); }

.submit-section { background: #09090b; }
.submit-intro > p:not(.section-kicker) { color: #adb0b7; }
.submit-intro .section-kicker { color: var(--accent); }
.submit-intro h2 span { color: #fff; }
.steps li > span { border-color: #747880; color: #ececef; }
.steps small { color: #92969e; }
.idea-form { background: #fff; color: #0c0c0f; box-shadow: 12px 12px 0 #50535a; }
.form-head { background: #e2e4e7; }
.form-dot.red { background: var(--accent); }
.form-dot.yellow { background: #a7aab0; }
.form-dot.green { background: #656970; }
label > span, legend > span, .agree b { color: #62666e; }
label small { color: #70747c; }
input, select, textarea { border-color: #abb0b8; }
input:focus, select:focus, textarea:focus { border-color: var(--accent); box-shadow: 4px 4px 0 rgba(239,16,36,.12); }
.radio-row span { border-color: #abb0b8; }
.radio-row input:checked + span { background: #555961; color: #fff; }
.agree input { accent-color: var(--accent); }
.agree span { color: #4e5259; }
.notice { background: #eceef0; border-left-color: #62666e; }
.notice > span { background: #62666e; }
.button-submit { box-shadow: 6px 6px 0 #111216; }
.form-status.success { color: #276b3a; }
.form-status.error { color: #b51e2b; }

.faq-section { background: #fff; color: #0c0c0f; }
.faq-list { border-top-color: #0c0c0f; }
.faq-list details { border-bottom-color: #0c0c0f; }
.faq-list summary span { color: var(--accent); }
footer { background: #050507; }
.footer-brand p, .footer-bottom { color: #858991; }
.socials > p { color: #b4b7bd; }
.socials a:hover { color: var(--accent); }

.monitor { background: #383b42; border-color: #686c75; box-shadow: 14px 16px 0 rgba(0,0,0,.48), 0 25px 65px rgba(0,0,0,.42); }
.monitor-bar { background: #303238; border-bottom-color: #6c7078; }
.monitor-bar i { background: #979ba2 !important; }
.monitor-bar i:first-child { background: var(--accent) !important; }
.monitor-game { background: #15161a; }
.monitor-link-label { background: #0b0b0d; color: #fff; border-color: var(--accent); box-shadow: 3px 3px 0 #555961; }
.monitor-stand { background: #555961; }
.keyboard { background: #383b42; border-color: #686c75; box-shadow: 8px 10px 0 rgba(0,0,0,.48); }
.keyboard i { background: #555961; border-bottom-color: #292b30; }
.mouse { background: #555961; border-color: #747880; }
.keyboard span { color: #d0d2d6; text-shadow: 0 0 10px rgba(255,255,255,.2); }
.keyboard i.key-pop { background: var(--accent); border-bottom-color: #8f0715; }

.thanks-page { background: #09090b; }
.thanks-card { background: #fff; box-shadow: 12px 12px 0 #50535a; }
.thanks-card:after { border-color: #0b0b0d; }
.thanks-icon { background: #0b0b0d; color: #fff; box-shadow: 5px 5px 0 var(--accent); }
.thanks-card h1 span { color: #0b0b0d; }
.thanks-card .thanks-small { color: #61656d; }

@media (max-width: 680px) {
  .idea-form, .thanks-card { box-shadow: 7px 7px 0 #50535a; }
}