/* PeppolBridge — Swiss light skin for inner pages.
   Loaded AFTER style.css: re-themes the old token-driven system to the
   light "version 1" palette used by the homepage journey. */

:root {
  --bg: #f6f5f1;
  --bg-2: #ffffff;
  --bg-3: #fbfaf8;
  --surface: rgba(22, 50, 79, 0.04);
  --surface-2: rgba(22, 50, 79, 0.08);
  --line: rgba(22, 50, 79, 0.18);
  --line-soft: rgba(22, 50, 79, 0.10);
  --txt: #11263c;
  --muted: #4c5d70;
  --faint: #71808f;
  --cyan: #2457ff;   /* old cyan slots become the electric-blue accent */
  --violet: #16324f; /* old violet slots become brand navy */
  --green: #12a150;
  --amber: #d97706;
  --grad: linear-gradient(92deg, #2457ff 0%, #16324f 100%);
}

/* selection + scrollbar on light ground */
::selection { background: rgba(36, 87, 255, 0.22); color: var(--txt); }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: #c9c4b8; border: 2px solid var(--bg); }

/* text on gradient chips/buttons: white instead of near-black */
.btn-fill, .tag, .tab-btn.active, .cur-btn.active, .avatar { color: #ffffff; }

/* overlays and glass that hardcoded the dark ground */
.menu { background: rgba(246, 245, 241, 0.97); }
.badge { background: rgba(255, 255, 255, 0.7); color: var(--muted); }
.page-hero::after,
.hero::after { background: radial-gradient(120% 90% at 50% 40%, transparent 40%, rgba(246, 245, 241, 0.78) 100%); }
.crumbs { background: rgba(255, 255, 255, 0.65); }

/* cards that painted the dark surface inside a gradient border */
.pcard.feat, .fc-box.core, .promo {
  background: linear-gradient(#ffffff, #ffffff) padding-box, var(--grad) border-box;
}

/* form controls */
.search, .field input, .field select, .field textarea { background: #ffffff; }
.field select option { background: #ffffff; color: var(--txt); }

/* the code window stays a deliberate dark-navy artifact on the light page */
.code-win {
  background: #10233a;
  box-shadow: 0 24px 60px -30px rgba(17, 38, 60, 0.35), 0 0 0 1px rgba(22, 50, 79, 0.08);
}
/* the light re-theme makes body ink near-black, which vanishes on the dark
   code ground — restore light text + a readable key color inside code windows */
.code-win .code-body { color: #dce7f5; }
.code-win .c-v { color: #9db8ff; }

/* shadows tuned for light ground */
.card, .gcard, .ccard, .pcard, .rcard, .tcard { box-shadow: 0 1px 0 rgba(22, 50, 79, 0.04); }

/* grain: slightly quieter on ivory */
.grain { opacity: 0.035; }

/* status pills keep semantic colors — ensure legibility on white */
.status.live { color: var(--green); }
.status.soon { color: var(--amber); }
.status.draft { color: var(--faint); }

/* nav glass on light ground */
.nav.is-solid {
  background: rgba(246, 245, 241, 0.86);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line-soft);
}