:root {
  /* Cores gerais da aplicação; o componente também define suas próprias cores. */
  color-scheme: light;
  --ink: #12304a;
  --muted: #526779;
  --line: #d9e1e8;
  --soft: #f7f8fa;
  --soft-2: #fff1e5;
  --brand: #003b71;
  --brand-2: #f58220;
  --danger: #d71920;
  --ok: #003b71;
  --white: #ffffff;
  --shadow: 0 12px 36px rgba(8, 42, 72, 0.08);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--white);
  color: var(--ink);
}

button,
input,
select,
textarea {
  font: inherit;
}

checklist-app {
  display: block;
}