:root { --bg: #f5f6f4; --surface: #ffffff; --line: #d9ddd5; --fg: #1c2420; --muted: #5e6a63; --accent: #1f6b52; --r: 10px; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #141816; --surface: #1c211e; --line: #333b36; --fg: #e6ebe7; --muted: #9aa69f; --accent: #5cc49b; color-scheme: dark; }
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--fg); font: 15px/1.45 "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
.marca { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; letter-spacing: .2px; }
.marca img { width: 28px; height: 28px; border-radius: 7px; }