/* Agent panel fonts only — from Monster Admin Theme/ma/main/css/style.css
   (+ Bootstrap --font-family stacks used by that theme). Layout sizes stay in component CSS. */
@import 'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';

:root{
  --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --font-d:"Rubik",sans-serif;
  --font-u:"Rubik",sans-serif;
}

/*******************
Body / base
*******************/
body.agent-body,
body.lg-body,
body.agent-auth{
  font-family:"Rubik",sans-serif;
  font-weight:400;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

button,input,select,textarea{font-family:inherit}
code,kbd,pre,samp,.invite-box code{font-family:var(--font-family-monospace)}

/*******************
Headings — family + weight from style.css
*******************/
h1,h2,h3,h4,h5,h6{
  font-family:"Rubik",sans-serif;
  font-weight:400;
}

/* Monster Admin heading scale (opt-in) */
.type-h1{line-height:48px;font-size:36px;font-family:"Rubik",sans-serif;font-weight:400}
.type-h2{line-height:36px;font-size:24px;font-family:"Rubik",sans-serif;font-weight:400}
.type-h3{line-height:30px;font-size:21px;font-family:"Rubik",sans-serif;font-weight:400}
.type-h4{line-height:22px;font-size:18px;font-family:"Rubik",sans-serif;font-weight:400}
.type-h5{line-height:18px;font-size:16px;font-family:"Rubik",sans-serif;font-weight:400}
.type-h6{line-height:16px;font-size:14px;font-family:"Rubik",sans-serif;font-weight:400}
.display-5{font-size:3rem}
.display-6{font-size:36px}
.display-7{font-size:2rem}

/*******************
Font weight / size utilities (style.css)
*******************/
.font-bold{font-weight:700}
.font-normal{font-weight:normal}
.font-light{font-weight:300}
.font-medium{font-weight:400}
.font-16{font-size:16px}
.font-14{font-size:14px}
.font-18{font-size:18px}
.font-20{font-size:20px}