@import url("./typography.css");
@import url("./header.css");
@import url("./hero.css");
@import url("./legacy-flow.css");
@import url("./footer.css");
@import url("./modular-hero.css");
@import url("./features.css");

/* Warme Palette aus dem Light-Theme der Webapp. */
:root{
  --bg:#F7F6F3; --surface:#FDFCFA;
  --primary:#264653; --p-d1:#1A2D36; --p-d2:#121F26;
  --p-l1:#3A6677; --p-l3:#5CA0BB; --p-l4:#70C4E6;
  --mark:#E9C46A;
  /* The paveit strip on Home, also behind the wordmark at the end of Prüfablauf and subpages. */
  --strip-bg:#E9E7E2; --strip-line:#C9C1B4;
  --brand-line-x:clamp(32px,4vw,64px); --brand-curve-radius:24px; --stage-inset:clamp(32px,7vw,120px);
  --ink:#2B2B2B; --dim:#62615F; --faint:#62615F; --line:#DCD9D3;
  --on-primary:#FFFFFF; --focus:#4B8399;
  --success:#4CAF50;
}
*{box-sizing:border-box}
html,body{margin:0;color:var(--ink);font-family:var(--ui)}
html{height:100%;overflow:hidden}
body{
  background:var(--bg);
  height:100vh;
  height:100dvh;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  gap:clamp(8px,2.5dvh,28px);
}

:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
img, video { max-width: 100%; height: auto; }