/* ============================================================
   THEME A — Silber / Blau / Orange  (Bestand+)
   Helle, premium Weiterentwicklung des bestehenden Auftritts.
   Blau = Marken-Akzent · Orange = CTA
   ============================================================ */
:root{
  --paper:#ECEEF0;
  --paper-2:#F5F6F8;
  --white:#ffffff;

  --ink:#14161A;
  --ink-2:#2A2E36;
  --muted:#5B616B;
  --muted-2:#868C96;

  --accent:#2563EB;            /* Blau */
  --accent-on-dark:#8AB0FF;
  --accent-ring:rgba(37,99,235,.16);
  --focus:#2563EB;

  --cta:#EF6A34;               /* Orange */
  --cta-ink:#ffffff;
  --cta-dark:#DE581F;
  --cta-shadow:0 6px 18px rgba(239,106,52,.28);

  --line:#E3E5E9;
  --line-2:#D5D8DE;

  --header-bg:rgba(236,238,240,.82);
  --header-line:rgba(213,216,222,.7);

  --hero-bg:radial-gradient(120% 120% at 85% 0%,#fbfcfd 0%,#e7e9ec 55%,#dee1e6 100%);
  --hero-border:rgba(255,255,255,.7);
  --hero-fade:#dee1e6;

  --dark-surface:#14161A;
  --dark-ink:#ffffff;
  --dark-muted:#C3C8D1;
  --dark-line:rgba(255,255,255,.1);

  --placeholder-bg:radial-gradient(120% 120% at 30% 20%,#fff 0%,#e9ebef 60%,#dfe2e7 100%);
  --aud-b2c-bg:linear-gradient(160deg,#fff 0%,#eef1f6 100%);

  --footer-bg:#15171C;
  --footer-text:#C3C8D1;
  --footer-muted:#9AA1AD;
  --footer-strong:#D9DCE2;
  --footer-dim:#767D89;
  --footer-line:rgba(255,255,255,.09);
}