/**
 * Dante 2025 - CI Redesign Phase 1
 * Neue Farben und Typografie gemäß CI-Vorgaben
 */

/* ========================================
   FONT-FACE DEFINITIONS
   ======================================== */

/* Ogg Font - Display/Headlines */
@font-face {
  font-family: 'Ogg';
  src: url('../fonts/Ogg-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ogg';
  src: url('../fonts/Ogg-RegularItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* Open Sans - Body Text */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans-v18-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans-v18-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ========================================
   TYPOGRAPHY
   ======================================== */

/* Body Text - Open Sans */
body {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Headlines - Ogg Font */
h1, h2, h3,
.h1, .h2, .h3{
  font-family: 'Ogg', Georgia, serif !important;
}

/* ========================================
   CI COLORS
   ======================================== */

:root {
  /* Primärfarbe - Hellblau */
  --dante-blue: #A6E4F9;

  /* Akzentfarbe - Gelb */
  --dante-yellow: #FFED4E;

  /* Dunkelblau/Grau - Text und Navigation */
  --dante-dark-blue: #33475B;
  --dante-dark-blue-light: #425B76;

  /* Grautöne */
  --dante-gray-light: #C4C4C4;
  --dante-gray-medium: #5F5E5E;
}

/* Primary Color - Hellblau #A6E4F9 */
.bg-primary,
.btn-primary {
  background-color: var(--dante-blue) !important;
  border-color: var(--dante-blue) !important;
}

.text-primary {
  color: var(--dante-blue) !important;
}

/* Accent Color - Gelb #FFED4E */
.bg-accent,
.btn-accent {
  background-color: var(--dante-yellow) !important;
  color: var(--dante-dark-blue) !important;
}

/* Dark Blue - Navigation/Text #33475B */
.navbar,
.nav-link {
  color: var(--dante-dark-blue) !important;
}

.bg-dark {
  background-color: var(--dante-dark-blue) !important;
}

/* Links */
a {
  color: var(--dante-dark-blue);
}

a:hover {
  color: var(--dante-blue);
}

/* Buttons Hover */
.btn-primary:hover {
  background-color: var(--dante-yellow) !important;
  border-color: var(--dante-yellow) !important;
  color: var(--dante-dark-blue) !important;
}

.marker {
  background-color:  rgba(255, 237, 78, 0.8);
  color: var(--dante-dark-blue);
  padding: 0.2em 0.4em;
}