:root {
  --background-body: #ffffff;
  --text-main: #1a1c1e;
  --text-muted: #5c636a;
  --links: #115e51;
  --border-color: #dee2e6;
  --radius-std: 0.5rem;

  --button-bg: #115e51;
  --button-text: #ffffff;

  --success-bg: #edf7ed;
  --success-text: #1e4620;
  --success-border: #c3e6cb;

  --error-bg: #fdeded;
  --error-text: #5f2120;
  --error-border: #f5c6cb;

  --aktualita-bg: #e7f2f0;
  --aktualita-text: #0b3d35;
  --aktualita-border: #a1c7c1;
}

body {
  background-color: var(--background-body);
  color: var(--text-main);
  font-family: system-ui, sans-serif;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 60rem;
  padding: 0 1rem;
}

main a {
  color: inherit;
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
  background:
    linear-gradient(#FBE345 0 0) left 0 bottom 0.085em / calc(100% - 1.46em) 0.178em no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3973 24343 275 82'%3E%3Cpath d='M3973,24393.858 L3989.29,24393.858 C4080.959,24393.858 4067.976,24359.329 4130.58,24388.026 C4166.107,24404.311 4166.824,24407.762 4231.878,24381.987' fill='none' stroke='%23FBE345' stroke-width='31.8'/%3E%3C/svg%3E")
      right bottom / 1.54em 0.46em no-repeat;
}

.status-msg,
.aktualita {
  border-radius: var(--radius-std);
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
}

.aktualita {
  background-color: var(--aktualita-bg);
  border: 1px solid var(--aktualita-border);
  color: var(--aktualita-text);
  margin: 2rem 0;
}

.pozor {
  background-color: var(--error-bg);
  border: 1px solid var(--error-border);
  color: var(--error-text);
}

footer {
  border-top: 1px solid var(--border-color);
  color: var(--text-muted);
  font-size: 0.9rem;
  margin-top: 1.5rem;
  padding: 1rem 0;
}

header a,
footer a {
  color: var(--text-muted);
}