/* ══ Theme: Option C — Slate & Kupfer ═══════════════════════════ */
:root {
  --blue:         #2C3E5D;
  --blue-mid:     #354A6D;
  --blue-d:       #1E2F4A;
  --yellow:       #A0522D;
  --yellow-d:     #7A3B1E;
  --yellow-bg:    #FDF0E6;
  --footer-bg:    #0A1525;
  --nav-bg:       rgba(30,47,74,.96);
  --hero-overlay: linear-gradient(170deg,rgba(30,47,74,.88) 0%,rgba(15,35,55,.65) 60%,rgba(8,20,40,.80) 100%);
  --hero-gradient:linear-gradient(145deg,#2C3E5D 0%,#1E2F4A 55%,#0A1525 100%);
  --blue-a06: rgba(44,62,93,.06); --blue-a07: rgba(44,62,93,.07);
  --blue-a08: rgba(44,62,93,.08); --blue-a10: rgba(44,62,93,.10);
  --blue-a15: rgba(44,62,93,.15); --blue-a20: rgba(44,62,93,.20);
  --blue-a25: rgba(44,62,93,.25); --blue-a40: rgba(44,62,93,.40);
  --blue-a75: rgba(44,62,93,.75);
  --yellow-a05: rgba(160,82,45,.05); --yellow-a08: rgba(160,82,45,.08);
  --yellow-a15: rgba(160,82,45,.15); --yellow-a20: rgba(160,82,45,.20);
  --yellow-a30: rgba(160,82,45,.30); --yellow-a35: rgba(160,82,45,.35);
  --yellow-a40: rgba(160,82,45,.40); --yellow-a45: rgba(160,82,45,.45);
  /* Admin-Bereich */
  --ci-blue:   #2C3E5D;
  --ci-yellow: #A0522D;
  --ci-white:  #ffffff;
}