/* Ventas AI - gemeinsame Gestaltungsgrundlage fuer Pruefung und Kurs
   Kontrast gemessen 19.08.2026: ink 13,9-17,5 | ink2 ab 9,5 | ink3 ab 7,1
   auf allen verwendeten Untergruenden. Kleine Versalien brauchen mehr als
   die 4,5 aus WCAG AA, deshalb liegt die Untergrenze hier bei 7. */
:root{
  --ground:#0B1220; --surface:#141E30; --surface2:#1B2740; --surface3:#22304C;
  --line:#26344C; --line2:#33445F;
  --ink:#F5F7FA; --ink2:#C6CFDA; --ink3:#A8B4C6;
  --gold:#E8A33D; --gold2:#F2BC6B; --gold-dim:#7A5620; --gold-bg:#2A2010; --on-gold:#1A0F0A;
  --blue:#5B8FD4; --ok:#46C193; --ok-bg:#10261E; --warn:#E5C558; --warn-bg:#2A2513;
  --no:#E87A6E; --no-bg:#2A1613;
  --display:Cambria,Caladea,"Hoefler Text",Georgia,"Times New Roman",serif;
  --body:Calibri,Carlito,"Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif;
  --mono:Consolas,"SF Mono",ui-monospace,Menlo,"DejaVu Sans Mono",monospace;
  --rail:19rem;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ground);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.018em;text-wrap:balance}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
.mono{font-family:var(--mono)}
.lbl{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.mark{display:block;width:38px;height:34px;flex:none}
.mark svg{display:block;width:100%;height:100%}
.btn{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
  padding:.7rem 1.15rem;border-radius:7px;background:var(--gold);color:var(--on-gold);border:1px solid var(--gold);transition:background .15s,border-color .15s}
.btn:hover:not(:disabled){background:var(--gold2);border-color:var(--gold2)}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn.ghost{background:transparent;color:var(--ink2);border-color:var(--line2)}
.btn.ghost:hover:not(:disabled){color:var(--ink);border-color:var(--gold-dim);background:var(--surface2)}
.bar{height:6px;background:var(--surface2);border:1px solid var(--line);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));transition:width .3s ease}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}