@import url('./dark-theme.css');

:root {
  --bg: #f6f7f2;
  --paper: #fff;
  --ink: #253c30;
  --green: #355b45;
  --muted: #667260;
  --selected: #e2ebda;
  --button-bg: #355b45;
  --button-hover: #244832;
  --chart-bar: #a9bc98;
  --warning: #fff1d8;
  color-scheme: light;
  --border: #e4e8df;
  --soft: #edf1e8;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font:
    15px/1.5 'Segoe UI',
    Arial,
    sans-serif;
}
button,
input,
select,
textarea {
  font: inherit;
}
button {
  cursor: pointer;
}
button,
a,
input,
select,
textarea {
  outline-offset: 4px;
}
button {
  border: 0;
}
input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 7px;
  padding: 10px 12px;
  color: var(--ink);
  background: var(--paper);
}
textarea {
  min-height: 80px;
  resize: vertical;
}
[hidden] {
  display: none !important;
}

:focus-visible {
  outline: 2px solid var(--green);
}
::selection {
  background: var(--selected);
  color: var(--ink);
}