/* V81 halloween — paired HRS palette. */
/* V80 — shared HRS direction: charcoal, deep red and warm neutrals. */
:root {
  --bg:#131211; --panel:#211d1b; --line:#604e42;
  --text:#faf7f5; --muted:#cbc2bd; --gold:#efc6ac; --dark:#281d16;
  --contact-bg:#131211; --contact-panel:#211d1b; --contact-text:#faf7f5;
  --contact-muted:#cbc2bd; --contact-gold:#efc6ac;
  --contact-dark:#281d16; --contact-line:#998070;
  background:var(--bg);
}
body.showcase-home {
  --bg:#131211; --panel:#211d1b; --line:#604e42;
  --text:#faf7f5; --muted:#cbc2bd; --gold:#efc6ac; --dark:#281d16;
  background:#faf8f7;
}
.showcase-home .site-header {
  background:#151413; border-bottom-color:#d2b5a324;
}
.showcase-home main {
  background:radial-gradient(ellipse 650px 450px at 78% 220px,#9b4d1d44,transparent 74%),
    radial-gradient(ellipse 490px 410px at 100% 150px,#66321252,transparent 80%),#131211;
}
.showcase-home h1 {
  background-image:linear-gradient(110deg,#fff 25%,#f1e6df 48%,#eac1a7 76%,#e6a780);
}
.showcase-home .eyebrow,.showcase-home .intro-arrow {color:#eac1a7}
.showcase-home .hero .lead,.showcase-home .studio-intro p {color:#d6cfcb}
.showcase-home .hero-disciplines>span {
  border-color:#ad88713d; background:#7c523822; color:#dad4d0;
}
.showcase-home .status-dot {background:#efba99;box-shadow:0 0 0 4px #efba991c}
.showcase-home .button:not(.button-outline) {
  background:linear-gradient(110deg,#b65c24,#944b1e 58%,#683312);
  color:#fff; border-color:#d9d3cf45; box-shadow:0 5px 23px #99562d33;
}
.showcase-home .button:not(.button-outline):hover {
  background:linear-gradient(110deg,#a4501c,#824017 58%,#54290e);
  color:#fff; box-shadow:0 8px 28px #a25f3650;
}
.showcase-home .button-outline {background:#32261e66;border-color:#af9483;color:#faf7f5}
.showcase-home .interface-language select,.interface-language select,.interface-language button {
  background:#352921; border-color:#9f8270; color:#faf7f5;
}
.showcase-home .stage-glow {background:radial-gradient(ellipse,#aa6a425c,transparent 65%)}
.showcase-home .spotlight-slide {
  background:#2d221b; border-color:#937765;
  box-shadow:0 24px 55px #120e0b70,0 0 28px #d3a68a14;
}
.showcase-home .spotlight-bar {background:#3c2d24;border-color:#d6b7a324;color:#e6e2df}
.showcase-home .window-dots {color:#d3b09b}
.showcase-home .spotlight-visual {background:#281f19}
.showcase-home .visual-label {background:#2a2019e8;border-color:#b5968280;color:#ece8e6}
.showcase-home .spotlight-copy .eyebrow {color:#d5beaf}
.showcase-home .spotlight-controls button {background:#3a2c23;border-color:#a58571;color:#e9e5e2}
.showcase-home .spotlight-controls>span {color:#d3ccc7}
.showcase-home .studio-intro {border-color:#d2b5a324}
.showcase-home .intro-symbol {background:linear-gradient(135deg,#5b3a26,#5e3d29);color:#dfd9d6}
.showcase-home #projects {
  --text:#32261e; --muted:#6d5e55; --line:#e5e1df; --gold:#845132;
  color:var(--text); background:linear-gradient(#faf8f7,#fff);
}
.showcase-home .section-heading h2 {color:#32261e}
.showcase-home .section-heading .eyebrow {color:#905632}
.showcase-home .category-pills button {background:#f4f2f1;color:#5d4b40}
.showcase-home .category-pills button:hover {background:#edebe9;border-color:#d5c2b7}
.showcase-home .category-pills button[aria-pressed=true] {background:#efecea;color:#864e2b;border-color:#d9d2ce}
.showcase-home .category-symbol {background:#e9e6e4;color:#a45b2d}
.showcase-home [data-category="games"] .category-symbol {background:#eeecea;color:#ac5c2b}
.showcase-home [data-category="utility"] .category-symbol {background:#f0edeb;color:#a7643b}
.showcase-home [data-category="wellness"] .category-symbol,
.showcase-home [data-category="wellbeing"] .category-symbol {background:#ede9e7;color:#8b5839}
.showcase-home .filters label {color:#6d5e55}
.showcase-home .filters select,.showcase-home .filters input {border-color:#d6cfcb;color:#44342a;background:#fff;box-shadow:0 2px 5px #49382d05}
.showcase-home .project-card {border-color:#e5e1df;box-shadow:0 3px 12px #58382408}
.showcase-home .project-card:hover {border-color:#d5b6a3;box-shadow:0 16px 36px #66473315}
.showcase-home .project-card p {color:#6d5e55}
.showcase-home .project-link {color:#845132}
.showcase-home .badges>span,.showcase-home .project-apps summary>span {background:#f1efee;color:#785037;border-color:#dfd9d6}
.showcase-home .project-apps[open] summary>span {background:#ebe8e6;color:#a05e35}
.showcase-home .project-apps summary,.showcase-home .app-card h4,
.showcase-home .project-support .support-label {color:#543e30}
.showcase-home .project-apps,.showcase-home .app-card,.showcase-home .project-support {border-color:#e5e1df}
.showcase-home .app-links>a {background:#f4f2f0;border-color:#d9d2ce;color:#794e33}
.showcase-home .support-links>a {background:#f4f2f0;border-color:#d9d2ce;color:#794e33}
.showcase-home .support-links>a:hover {background:#eae7e5;border-color:#d5b6a3}
.showcase-home .app-preparing {color:#6d5e55}
.showcase-home .app-preparing>span:not(.preparing-badge) {border-color:#ded9d6}
.showcase-home .preparing-badge {background:#f0edeb;color:#915835;border-color:#ded9d6}
.showcase-home .project-initial {background:#f2f0ee;color:#845132;border-color:#d9d2ce}
.showcase-home .project-gallery {background:#f3f1f0}
.showcase-home .gallery-caption {color:#7e6a5d}
.showcase-home .gallery-open {background:#2b211a;border-color:#d6cfcb}
.showcase-home .project-card>.project-gallery .gallery-open {background:#2b211a}
.showcase-home .project-card>.project-gallery .gallery-caption {color:#7e6a5d}
.showcase-home .gallery-thumbs>button {background:#fff;border-color:#d6cfcb}
.showcase-home .gallery-thumbs>button[aria-pressed=true] {border-color:#a56c48;box-shadow:0 0 0 1px #a56c48}
.showcase-home .gallery-zoom,.showcase-home .gallery-platform {background:#2f231cee;border-color:#a68a79;color:#eae6e4}
.showcase-home .contact-callout {background:radial-gradient(ellipse at 85% 100%,#603c26,#281e18 76%);border-color:#846654}
.showcase-home:not(.project-detail-page) .contact-callout::before {background:radial-gradient(ellipse at 85% 100%,#603c26,#281e18 76%);border-color:#846654}
.showcase-home .contact-callout h2 {color:#f8f6f5}
.showcase-home .contact-callout p {color:#d7d1cd}
.showcase-home .contact-callout .callout-symbol {background:#443329;border-color:#a68a78;color:#d7d0cc}
.showcase-home .site-footer {color:#3a2c23;border-color:#e5e1df}
.showcase-home .site-footer p,.showcase-home .site-footer small {color:#74645a}
.showcase-home .site-footer .legal-links {color:#796253}
.showcase-home .site-footer .legal-links a:hover {color:#945833}
.showcase-home .media-viewer {background:#291f19;color:#faf7f5;border-color:#ac8c78;--line:#866754}
.showcase-home .media-viewer::backdrop {background:#1c1511e8}
.showcase-home .viewer-toolbar button,.showcase-home .viewer-navigation button {background:#44342a}
.showcase-home .empty {color:#6d5e55;border-color:#bda494}
.showcase-home .style-preview-note {color:#cec6c1}
.showcase-home .style-preview-note>span {background:#413228;color:#ded8d4;border-color:#956b51}
.project-detail-page .project-back,.project-detail-page .project-description {color:#d7d1cd}
.project-detail-page .project-detail-copy>.badges>span {background:#433329;color:#e1dbd8;border-color:#886753}
.project-detail-page .project-detail-copy .project-support {border-color:#604e42}
.project-detail-page .project-detail-copy .support-label {color:#d7d1cd}
.project-detail-page .project-detail-media>.project-gallery {background:#211d1b;border-color:#604e42}
.project-detail-page .project-detail-media .gallery-caption {color:#d7d1cd}
.project-detail-page .project-detail-media .gallery-open {background:#251c17;border-color:#604e42}
.project-detail-page .project-detail-logo {background:radial-gradient(ellipse,#613e29,#291f19);border-color:#604e42}
.project-detail-page .project-detail-logo>span {color:#d7d1cd}
.project-detail-page .project-detail-apps {
  --text:#32261e; --muted:#6d5e55; --line:#e5e1df; --gold:#845132;
  color:var(--text);background:#faf8f7;
}
.project-detail-page .project-detail-apps .eyebrow {color:#905632}
.contact-page {background:radial-gradient(ellipse at 90% 0,#8b512d30,transparent 38%),var(--contact-bg)}
.contact-header,.contact-footer,.contact-form-bottom {border-color:#604e42}
.contact-card {background:linear-gradient(140deg,#372a22,var(--contact-panel));border-color:#604e42}
.contact-field input,.contact-field select,.contact-field textarea {background:#251c17}
.contact-button:hover {background:#e3dfdc}
body:not(.showcase-home):not(.contact-page) {background:#131211;color:#faf7f5}
body:not(.showcase-home):not(.contact-page) a {color:#d7d1cd}
body:not(.showcase-home):not(.contact-page) .eyebrow {color:#d7d1cd}
body:not(.showcase-home):not(.contact-page) aside,
body:not(.showcase-home):not(.contact-page) .pending {background:#211d1b;border-color:#604e42}
body:not(.showcase-home):not(.contact-page) footer,
body:not(.showcase-home):not(.contact-page) .legal-list a {border-color:#604e42}
body:not(.showcase-home):not(.contact-page) dt,
body:not(.showcase-home):not(.contact-page) aside p,
body:not(.showcase-home):not(.contact-page) .version,
body:not(.showcase-home):not(.contact-page) small {color:#cbc2bd}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible {outline-color:#e1ae8e}
.showcase-home #projects :focus-visible,.showcase-home .project-detail-apps :focus-visible,
.showcase-home .site-footer :focus-visible {outline-color:#a4633b}

/* The brand mark is neutral on this red/black preview. */
.brand .brand-image>img:not(.brand-lettering) {filter:grayscale(1)}