/* public/shared/forum.css  (Boulder Hill Terminal, 2026-11-02)
 * Reskin for the forums.mask.toys Discourse content area. Loaded by the tenant theme
 * head_tag AFTER the theme CSS so the :root:root overrides win. Bump ?v= to ship changes.
 * Palette: lavender #dcdbe6 ground, navy #262a33 chrome, amber #2fc4bc, orange #096661. */

@font-face{font-family:'Chakra Petch';src:url('/fonts/chakra-petch-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url('/fonts/chakra-petch-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url('/fonts/chakra-petch-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url('/fonts/chakra-petch-latin-700-italic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'Barlow';src:url('/fonts/barlow-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url('/fonts/barlow-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow';src:url('/fonts/barlow-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}

:root:root{
  --tc-ink:#dcdbe6; --tc-ink-2:#eceaf3; --tc-ink-3:#cfcee0; --tc-ink-4:#c4c3d8;
  --tc-bone:#23262e; --tc-fg-2:#3a3f4b; --tc-fg-3:#5a5f6d;
  --tc-gold:#096661; --tc-gold-hi:#2fc4bc; --tc-gold-lo:#096661;
  --tc-line-gold:rgba(9,102,97,.4); --tc-line-gold-hi:rgba(9,102,97,.7);
  --tc-red:#096661; --tc-red-hi:#2fc4bc; --tc-steel:#7a7f8d; --tc-card-bg:#eceaf3;
  --tc-display:'Chakra Petch',system-ui,sans-serif; --tc-wordmark:'Chakra Petch',system-ui,sans-serif;
  --tc-ui:'Chakra Petch',system-ui,sans-serif;
  --tc-body:'Barlow',system-ui,-apple-system,sans-serif;
  --tc-mono:ui-monospace,'SF Mono',Menlo,monospace;
}
:root:root{
  --secondary:#dcdbe6; --secondary-rgb:220,219,230;
  --secondary-very-high:#8f8eb0; --secondary-high:#a9a8c4; --secondary-medium:#c4c3d8;
  --secondary-low:#cfcee0; --secondary-very-low:#eceaf3;
  --primary:#23262e; --primary-rgb:35,38,46;
  --primary-very-low:#eceaf3; --primary-low:#cfcee0; --primary-low-mid:#7a7f8d;
  --primary-medium:#5a5f6d; --primary-high:#3a3f4b;
  --tertiary:#096661; --tertiary-rgb:9,102,97;
  --tertiary-low:#cfeceb; --tertiary-medium:#096661; --tertiary-high:#096661; --tertiary-hover:#096661;
  --quaternary:#2f5bd0; --quaternary-rgb:47,91,208;
  --highlight:#2fc4bc; --highlight-low:rgba(47,196,188,0.18); --highlight-medium:rgba(47,196,188,0.35); --highlight-high:#2fc4bc;
  --header_background:#262a33; --header_primary:#ffffff;
  --love:#096661; --danger:#b33a22; --success:#236130;
}

html.tc-shared-host body, body{background:#dcdbe6;color:#23262e;font-family:var(--tc-body)}
body, .cooked, .topic-body{font-family:var(--tc-body)}
a{color:#096661}
a:hover{color:#23262e}

h1,.category-title-header h1,.welcome-banner__title,.topic-title h1,.fancy-title{font-family:var(--tc-display) !important;font-weight:700 !important;text-transform:none;letter-spacing:-.01em;color:#23262e}
h2,h3,.topic-list .main-link a.title,.category-list .category-title,.sidebar-section-header-text{font-family:'Chakra Petch',sans-serif !important;font-weight:700 !important;letter-spacing:0}
.topic-list .main-link a.title{font-size:1.1em;color:#23262e}
.topic-list .main-link a.title:visited{color:#7a7f8d}
.topic-list .main-link a.title:hover{color:#096661}

.sidebar-section-header-text{color:#096661 !important;letter-spacing:.12em;text-transform:uppercase;font-size:.8em}
.sidebar-section-link.active,.sidebar-section-link:hover{color:#23262e;background:#2fc4bc}

.welcome-banner .welcome-banner__wrap,.welcome-banner{background:#262a33 !important;color:#d6dae2 !important;border:0;border-bottom:5px solid #2fc4bc;border-radius:4px}
.welcome-banner__title,.welcome-banner h1{color:#fff !important}
.welcome-banner p{color:#d6dae2 !important}

.topic-list,.category-list,.latest-topic-list{background:transparent}
.topic-list-header{border-bottom:3px solid #262a33}
.topic-list-item,.category-list-item{border-bottom:1px solid rgba(35,38,46,.16);background:transparent}
.topic-list-item:hover,.category-list-item:hover{background:#eceaf3}
.badge-category__wrapper .badge-category{border-radius:0}
.nav-pills>li>a,.nav-pills>li>button{font-family:'Chakra Petch',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:2px}
.nav-pills>li>a.active,.nav-pills>li>button.active{background:#262a33;color:#2fc4bc}

.topic-post article.boxed{border-bottom:1px solid rgba(35,38,46,.16)}
.topic-body .cooked,.cooked p{color:#23262e}
.cooked blockquote,aside.quote{background:#eceaf3;border-left:5px solid #2fc4bc;border-radius:0}
.topic-avatar img.avatar{border:2px solid #262a33;border-radius:3px}

.btn{border-radius:2px;font-family:'Chakra Petch',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.btn-primary{background:#2fc4bc !important;border:2px solid #262a33 !important;color:#262a33 !important;box-shadow:4px 4px 0 #262a33;transition:transform .08s,box-shadow .08s}
.btn-primary:hover{background:#5fd8d1 !important;transform:translate(-1px,-1px);box-shadow:5px 5px 0 #262a33}
.btn-primary:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #262a33}
.btn-danger{background:#b33a22 !important;border:2px solid #262a33 !important;color:#fff !important}

input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{background:#fff !important;color:#23262e !important;border:2px solid #262a33 !important;border-radius:2px !important}
input:focus,textarea:focus,select:focus{outline:3px solid #2fc4bc !important;outline-offset:0 !important}

.login-modal .modal-inner-container,.login-fullpage .login-body,.d-modal__container{background:#eceaf3 !important;color:#23262e !important;border:0;border-top:5px solid #2fc4bc;border-radius:4px !important;box-shadow:0 14px 30px rgba(35,38,46,.3)}
.login-modal h1,.login-modal h2,.d-modal__title-text{color:#23262e !important;font-family:var(--tc-display) !important}

/* The shared site nav replaces Discourse's own header (search and sign-in live in the shared nav). */
html.tc-shared-host .d-header-wrap{display:none !important}
html.tc-shared-host:root{--header-offset:0px !important}
html.tc-shared-host #main-outlet-wrapper,html.tc-shared-host .wrap{margin-top:0}

/* shared nav search button inside Discourse: keep amber-on-navy */
html.tc-shared-host .site-header .search-btn,html.tc-shared-host .site-header button.search-btn{background:transparent !important;color:#2fc4bc !important;border:1px solid rgba(47,196,188,.6) !important;box-shadow:none !important}
html.tc-shared-host .site-header .search-btn:hover{background:#2fc4bc !important;color:#262a33 !important}

/* links and sign-in: readable on the graphite header and lavender ground */
html.tc-shared-host .site-header .signin-link,html.tc-shared-host .site-header a.signin-link{color:#2fc4bc !important;opacity:1 !important;font-weight:700}
.sidebar-section-link,.sidebar-section-link-wrapper a,.sidebar-section-link .sidebar-section-link-content-text{color:#23262e !important}
.sidebar-section-link .sidebar-section-link-prefix .d-icon{color:#096661 !important}
.sidebar-section-link.active,.sidebar-section-link:hover{background:#2fc4bc !important;color:#23262e !important}
.topic-list .main-link a.title,.topic-list a.badge-wrapper,.category-title-link{color:#23262e !important}
.topic-list .main-link a.title:visited{color:#5a5f6d !important}
.cooked a,.topic-body a:not(.btn){color:#096661}
.cooked a:hover{color:#23262e}
.d-icon{color:inherit}
