@charset "UTF-8";
:root {
  --sv-brand-primary-color: #25510E;
  --sv-brand-secondary-color: #4E9C4E;

  --sv-accent-color: #f8d85f;
  --sv-header-bg-color: #00000008; /* Old: b6dae3 */

  --cassiopeia-color-primary: var(--sv-brand-primary-color);
  --cassiopeia-color-hover: var(--sv-brand-secondary-color);
  
  --body-bg: #FAEBD7;
}

.card-header {
  --card-cap-bg: var(--sv-brand-primary-color);
  --card-border-color: var(--sv-accent-color);
  --card-cap-color: var(--sv-accent-color);
}

.card-body {
  background-color: var(--sv-header-bg-color);
}

.card {
  --card-border-color: var(--sv-accent-color);
}

h1 {
    color: var(--sv-brand-primary-color); /* Brandfarbe für den Haupttext */
    background-color: var(--sv-header-bg-color); /* Hintergrundfarbe */
    font-size: 2.5em;
    padding: 10px;
    border-bottom: 2px solid var(--sv-accent-color); /* Akzentfarbe */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Schatteneffekt */
}

h2 {
    color: var(--sv-brand-primary-color); /* Brandfarbe */
    background-color: var(--sv-header-bg-color); /* Hintergrundfarbe */
    font-size: 2em;
    padding: 8px;
    border-bottom: 1.5px solid var(--sv-accent-color); /* Akzentfarbe */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Schatteneffekt */
}

h3 {
    color: var(--sv-brand-primary-color); /* Brandfarbe */
    background-color: var(--sv-header-bg-color); /* Hintergrundfarbe */
    font-size: 1.75em;
    padding: 6px;
    border-bottom: 1px solid var(--sv-accent-color); /* Akzentfarbe */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Schatteneffekt */
}

a {
  color: var(--sv-brand-primary-color);
}

a:hover {
  color: var(--sv-brand-secondary-color);
}