:root { --ground: #dcd8cd; --surface: #f7f6f1; --surface-alt: #eeece4; --ink: #22303c; --ink-soft: #526069; --line: #c6c1b4; --accent: #bfc492; --accent-ink: #163840; --accent-ink-titulo: #1c5e6a; --brand: #1c5e6a; --brand-ink: #ffffff; --focus: #1c5e6a; --alerta: #874e23; --ok: #2e6849;  }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --ground: #14262c; --surface: #1b3138; --surface-alt: #223c44; --ink: #e8e5db; --ink-soft: #a3b3b6; --line: #2e4c55; --accent: #c9cf9a; --accent-ink: #163840; --accent-ink-titulo: #163840; --brand: #9fc7cd; --brand-ink: #10222a; --focus: #c9cf9a; --alerta: #e0a878; --ok: #86c9a4;  } }
:root[data-theme="dark"] { --ground: #14262c; --surface: #1b3138; --surface-alt: #223c44; --ink: #e8e5db; --ink-soft: #a3b3b6; --line: #2e4c55; --accent: #c9cf9a; --accent-ink: #163840; --accent-ink-titulo: #163840; --brand: #9fc7cd; --brand-ink: #10222a; --focus: #c9cf9a; --alerta: #e0a878; --ok: #86c9a4;  }
.logo { width: 128px; height: 57px; -webkit-mask: url("logo.png") center / contain no-repeat; mask: url("logo.png") center / contain no-repeat; }