/* css styles */

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v32-latin-regular.woff2') format('woff2');
}
/* lekton-regular - latin */
@font-face {
  font-family: 'Lekton';
  font-style: normal;
  font-weight: 400;
  src: local('Lekton'), local('Lekton-Regular'),
       url('../fonts/lekton-v20-latin-regular.woff2') format('woff2');
}

p, ul, ol {
  font-size: 0.875em; /* 14px/16=0.875em */
}

a {
    color: #007ACC; /* Link text color */
    text-decoration-color: lightblue; /* Underline color */
    text-decoration-thickness: 3px; /* Underline thickness */
    text-underline-offset: 3px; /* Adjust underline position */
    text-decoration-line: underline; /* Ensure the underline is shown */
}

/* Optional: Change the underline style on hover */
a:hover {
    text-decoration-color: orange; /* Underline color on hover */
    text-decoration-thickness: 4px; /* Underline thickness on hover */
}

/* Add styling for the todo block */
/* Emphasize only TODO callouts */
.callout.todo {
  border-left: 4px solid var(--bs-warning, #f0ad4e);
  background: color-mix(in srgb, var(--bs-warning, #f0ad4e), transparent 90%);
}

/* Title tweaks */
.callout.todo .callout-title {
  text-transform: uppercase;
  letter-spacing: .02em;
  font-weight: 700;
}

/* Optional: compact spacing for TODOs */
.callout.todo {
  margin-top: 2rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

/* Dark-mode fine-tune (optional) */
@media (prefers-color-scheme: dark) {
  .callout.todo {
    background: color-mix(in srgb, var(--bs-warning, #f0ad4e), #9be1f5ff 92%);
  }
}