/* ServerHeroes skin for rapidresponse.center (BeDesk).
   Colours/radii live in the "ServerHeroes" css_theme row (editable in Admin > Appearance > Themes).
   This file only adds what the theme editor can't: self-hosted fonts, headings, hero, hairlines.
   Source of truth for tokens: serverheroes.net sh-prelander.css. Keep in sync. */

@font-face{font-family:'Funnel Display';font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/FunnelDisplay-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Funnel Display';font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/FunnelDisplay-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Funnel Sans';font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/FunnelSans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Funnel Sans';font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/FunnelSans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --sh-bg:#0a0a0a; --sh-bg-deep:#050506; --sh-card:#111215;
  --sh-hair:rgba(255,255,255,.10); --sh-hair-soft:rgba(255,255,255,.07);
  --sh-text:#fff; --sh-muted:rgba(255,255,255,.62);
  --sh-accent:#ff5f6d; /* brand colour: hover/focus only */
  --sh-display:"Funnel Display","Funnel Sans",system-ui,sans-serif;
  --sh-gut:55px; --sh-max:1440px;
}
@media(max-width:1366px){:root{--sh-gut:50px}}
@media(max-width:767px){:root{--sh-gut:15px}}

html{--be-font-family:"Funnel Sans",system-ui,sans-serif}
body{background:var(--sh-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Headings: Funnel Display, bold, tight — same as serverheroes.net */
h1,h2,h3,.text-3xl,.text-4xl,.text-5xl{font-family:var(--sh-display);letter-spacing:-.02em}
h1,h2{font-weight:700;line-height:1.08}
h3,h4{font-weight:600}

/* Help-center hero: flat black, no Memphis pattern, hairline under it */
.hc-header,header.relative.isolate,[class*="hc-header"]{background-image:none!important}
.dashboard-grid-header,.landing-header{border-bottom:1px solid var(--sh-hair-soft)}

/* Hairline borders everywhere instead of soft shadows */
.shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl{box-shadow:none!important}
.border:not(.bg-danger),.border-b,.border-t,.border-r,.border-l,.border-divider{border-color:var(--sh-hair)!important}

/* Primary button = white pill with dark text (SH "Search" button); brand colour on hover */
button[class*="bg-primary"],a[class*="bg-primary"]{font-weight:600;transition:background-color .15s,color .15s,box-shadow .15s}
button[class*="bg-primary"]:hover,a[class*="bg-primary"]:hover{box-shadow:0 0 0 1px var(--sh-accent)}

/* Inputs: dark fill, hairline, accent ring on focus */
input,textarea,select{caret-color:var(--sh-accent)}
input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 1px var(--sh-accent)!important}
::placeholder{text-transform:none}

/* Links: white, underline on hover (no blue) */
a.text-primary,.text-primary{color:var(--sh-text)}
a.text-primary:hover{color:var(--sh-accent)}

::selection{background:var(--sh-accent);color:#fff}