/*
 * HONGSHAN SMART WATER · TYPOGRAPHY V3
 * The only custom font is a bold, licensed subset for the platform title.
 * Brand text, section headings, data and controls use the legible UI stack.
 */

@font-face {
  font-family: "Hongshan Platform Title";
  src: url("./assets/fonts/NotoSansSC-Black-Title.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
}

:root {
  --font-platform-title: "Hongshan Platform Title", "Microsoft YaHei", sans-serif;
  --font-ui-heading: Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
}

.header-title h1 {
  margin-top: 0;
  background: linear-gradient(105deg, #ffffff 5%, #edf9f6 55%, #86e1cf 100%);
  background-clip: text;
  color: #eef9f6;
  filter: drop-shadow(0 3px 15px rgba(84, 209, 187, .16));
  font-family: var(--font-platform-title);
  font-size: 29px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .075em;
  line-height: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.brand-name {
  font-family: var(--font-ui-heading);
  font-size: 15px;
  font-style: normal;
  font-weight: 680;
  letter-spacing: .12em;
}

.panel-heading h2,
.scene-heading h2 {
  color: #f2f8f7;
  font-family: var(--font-ui-heading);
  font-size: 15px;
  font-weight: 650;
  letter-spacing: .035em;
  line-height: 1.2;
  text-shadow: 0 2px 12px rgba(98, 220, 196, .05);
}

.scene-heading h2 {
  font-size: 16px;
  letter-spacing: .045em;
}

@container console-screen (max-width: 1500px) {
  .panel-heading h2,
  .scene-heading h2 {
    font-size: 15px;
    letter-spacing: .025em;
  }
}

@container console-screen (max-height: 820px) {
  .panel-heading h2,
  .scene-heading h2 {
    font-size: 14px;
  }
}