/* Florn shared theme — typography + brand mark (green o) */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600&display=swap");

:root {
  --bg: #0f1419;
  --panel: #1a2332;
  --panel-2: #16202d;
  --text: #e7ecf3;
  --muted: #8b9bb4;
  --muted-2: #6b7a93;
  --accent: #3d8bfd;
  --accent-dim: #2c6fd6;
  --ok: #3ecf8e;
  --warn: #f0c14b;
  --bad: #f05b5b;
  --border: #2c3a50;
  --border-soft: #1f2a3d;
  --font-sans: "Outfit", "Segoe UI", system-ui, sans-serif;
  --font-display: "Source Serif 4", Georgia, serif;
  --brand-o: #3ecf8e;
}

html, body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

.brand-mark {
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text);
  text-decoration: none;
}
.brand-mark .brand-o {
  color: var(--brand-o);
  font-weight: 700;
}
.brand-mark.hero {
  font-size: clamp(2.4rem, 6vw, 3.6rem);
  letter-spacing: 0.08em;
  display: inline-block;
  line-height: 1.05;
}
.brand-mark.nav {
  font-size: 1.05rem;
  letter-spacing: 0.06em;
}