/* styles.css - override main colours for Quarto theme */

/* Primary link colour */
a, a:visited {
  color: #000000;  /* red */
}

a:hover, a:focus {
  color: #FFA400;  /* orange */
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
  color: #000000;  /* black */
}

/* Code blocks, buttons, and highlights */
code, pre, .btn {
  background-color: #FFA400;  /* optional highlight for buttons/code */
  color: #000000;
}

/* Any other main text you want black */
body {
  color: #000000;
}

/* Optional: navbar or header links */
.navbar, header {
  background-color: #E1251B;
  color: #FFFFFF;
}

/* Make navbar links black */
.navbar, .navbar a, .navbar-nav a {
  color: #000000 !important;
}

/* Optional: navbar hover effect (keep red/orange if you like) */
.navbar a:hover, .navbar-nav a:hover {
  color: #000000 !important;
}

/* Make sidebar text black */
.sidebar, .sidebar a {
  color: #000000 !important;
}

/* Optional: sidebar hover effect */
.sidebar a:hover {
  color: #E1251B !important;
}

/* Breadcrumbs (e.g., "Tasks > Data Request") */
.quarto-breadcrumbs,
.quarto-breadcrumbs a,
.breadcrumb,
.breadcrumb a,
.breadcrumb-item,
.breadcrumb-item a {
  color: #000000 !important;
}

/* Optional hover colour */
.quarto-breadcrumbs a:hover,
.breadcrumb a:hover,
.breadcrumb-item a:hover {
  color: #FFA400 !important;  /* red hover */
}