/* css styles */
/* ============================
   OsloMet theme
   ============================ */

/* ---------- Base fonts ---------- */

:root {
  /* Font stack: try Moderat if installed, fall back to Arial/system sans */
  --font-sans: "Moderat", Arial, -apple-system, BlinkMacSystemFont,
               "Segoe UI", sans-serif;

  /* Brand colours */
  --oslomet-yellow: #FFDC00;
  --oslomet-red:    #E02D00;
  --oslomet-blue:   #007ACC;
  --oslomet-lightblue: #40E4FF;
  --oslomet-burgundy:  #99002B;
  --oslomet-darkblue:  #000064;
  --oslomet-orange:    #FF8100;
  --oslomet-black:     #000000;
}

/* Global text styles */
body {
  font-family: var(--font-sans);
  color: var(--oslomet-black);
  background-color: #ffffff;
  line-height: 1.5;
}

/* quotes with a smaller font size*/
blockquote {
  font-size: 8;
  font-style: italic;
  color: var(--oslomet-darkblue);
}

/* Headings use brand text colours with good contrast */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-sans);
  font-weight: 700;
  color: var(--oslomet-black); /* strong accessible text colour */
}

/* Example: highlight main course title in OsloMet yellow band */
.page-header,
.hero,
header#title-block-header {
  background-color: var(--oslomet-yellow);
  color: var(--oslomet-black);
  padding: 1.5rem 1.25rem;
}

/* Links: blue as main, red on hover (both allowed as text colours) */
a {
  color: var(--oslomet-blue);
  text-decoration: underline;
}
a:hover,
a:focus {
  color: var(--oslomet-red);
}

/* Buttons / call‑outs using brand colours */
.btn-primary,
.button-primary,
.quarto-btn-primary {
  background-color: var(--oslomet-yellow);
  color: var(--oslomet-black);
  border: 1px solid var(--oslomet-black);
}
.btn-primary:hover,
.button-primary:hover,
.quarto-btn-primary:hover {
  background-color: var(--oslomet-orange);
  color: var(--oslomet-black);
}

/* Secondary emphasis blocks in blue / burgundy */
.callout-note,
.callout-tip {
  border-left: 4px solid var(--oslomet-blue);
}
.callout-important,
.callout-warning {
  border-left: 4px solid var(--oslomet-burgundy);
}

/* Tables: yellow header, light zebra rows */
table thead th {
  background-color: var(--oslomet-yellow);
  color: var(--oslomet-black);
}
table tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}

/* Code blocks: subtle blue frame */
pre, code {
  font-family: "Fira Code", "Source Code Pro", Menlo, Monaco, Consolas,
               "Liberation Mono", "Courier New", monospace;
}
pre {
  border: 1px solid var(--oslomet-blue);
  background-color: #f8fbff;
}

/* Do NOT use low‑contrast colours for body text;
   use yellow/light blue as backgrounds only */
.bg-oslomet-yellow {
  background-color: var(--oslomet-yellow);
  color: var(--oslomet-black);
}
.bg-oslomet-lightblue {
  background-color: var(--oslomet-lightblue);
  color: var(--oslomet-darkblue);
}

/* Utility text colour classes for headings or big labels
   (respecting that some colours should only be used at larger sizes) */
.text-oslomet-red {
  color: var(--oslomet-red);
}
.text-oslomet-blue {
  color: var(--oslomet-blue);
}
.text-oslomet-burgundy {
  color: var(--oslomet-burgundy);
}
.text-oslomet-darkblue {
  color: var(--oslomet-darkblue);
}
.text-oslomet-black {
  color: var(--oslomet-black);
}