/* TOP 111 – Markenstil der Plattform (Quelle: top111/.stitch/DESIGN.md). Navy mit Gold, Montserrat. */

@font-face { font-family: "Montserrat"; font-weight: 400; font-style: normal; font-display: swap; src: url("./fonts/montserrat-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 400; font-style: italic; font-display: swap; src: url("./fonts/montserrat-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 500; font-style: normal; font-display: swap; src: url("./fonts/montserrat-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 600; font-style: normal; font-display: swap; src: url("./fonts/montserrat-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 700; font-style: normal; font-display: swap; src: url("./fonts/montserrat-latin-700-normal.woff2") format("woff2"); }

:root {
  --bg: #ffffff;
  --cream: #f0f0f0;
  --cream-2: #e6eaed;
  --ink: #194465;
  --text: #2d3340;
  --muted: #5b6472;
  --line: #e3e7ea;
  --gold: #b18e37;
  --gold-soft: #b18e37;
  --gold-pale: #efe6c4;
  --gold-grad: linear-gradient(100deg, #b18e37 0%, #faf0a6 100%);
  --err: #ba1a1a;
  --serif: "Montserrat", Arial, sans-serif;
  --sans: "Montserrat", Arial, sans-serif;
  --label: "Montserrat", Arial, sans-serif;
  --shadow: 0 1px 2px rgba(25, 68, 101, 0.05), 0 8px 28px rgba(25, 68, 101, 0.08);
}

body { font-size: 17px; }
.hero h1, h2.sec, .timeline h4 { font-weight: 700; letter-spacing: -0.01em; }
.hero h1 em { font-style: normal; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.eyebrow { color: var(--gold); font-weight: 700; letter-spacing: 0.14em; }
.btn.primary { background: var(--ink); border-color: var(--ink); }
.btn.primary:hover { background: #12354f; }
.btn { border-color: var(--ink); }
.choice.on { background: var(--ink); border-color: var(--ink); }
.story .slide { background: #0f2a40; }
.tip { font-style: normal; }
.demo-banner { color: #194465; }