/* Shared landing/chat identity. */
:root {
  --cc-midnight: #0b1220;
  --cc-deep: #0e1826;
  --cc-panel: #101b2a;
  --cc-raised: #152436;
  --cc-ivory: #f2e9d8;
  --cc-muted: #9fa9b4;
  --cc-copper: #c97a4a;
  --cc-copper-hi: #e9ae85;
  --cc-teal: #3e6b6a;
  --cc-line: rgba(242, 233, 216, 0.14);
  --cc-line-soft: rgba(242, 233, 216, 0.08);
  --cc-serif: "Bodoni Moda", "Times New Roman", serif;
  --cc-sans: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --cc-mono: "Geist Mono", ui-monospace, SFMono-Regular, monospace;
  --cc-soft: 14px;
}

.wordmark { font-family: var(--cc-serif); font-size: 1.5rem; font-weight: 500; letter-spacing: -.01em; line-height: 1; white-space: nowrap; }
.wordmark sup { color: var(--cc-copper); font: 500 .55rem var(--cc-sans); vertical-align: super; margin-left: .1rem; }
.brand-avatar { width: 2.5rem; height: 2.5rem; border-radius: 50%; flex: 0 0 auto; background: url("../assets/chatchap-avatar.png") 50% 15% / 240%; }