/* ========== PCM site — shared styles ========== */

:root {
  --blue: #2f6fd8;
  --blue-bright: #3b82f6;
  --blue-deep: rgb(30, 79, 163);
  --blue-glow: rgba(59, 130, 246, 0.45);
  --black: #0a0d12;
  --ink: #0f1318;
  --charcoal: #161a20;
  --graphite: #1c2129;
  --line: rgba(255, 255, 255, 0.08);
  --line-blue: rgba(59, 130, 246, 0.55);
  --white: #ffffff;
  --off: #e7e9ec;
  --muted: #9aa3ad;
  --light-bg: #eef0f2;
  --light-card: #ffffff;
  --light-ink: #1a1d22;
  --light-muted: #5c6470;
  --light-line: rgba(0, 0, 0, 0.08);
  --max: 1280px;
  --t: 220ms ease;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Inter", Helvetica, Arial, sans-serif;
  background: var(--ink);
  color: var(--white);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
img {
  max-width: 100%;
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
}
.container {
  width: min(100% - 3rem, var(--max));
  margin: 0 auto;
}