/* NotSanWissen — design tokens. Link this file, then use var(--…).
   Light is default. Add data-theme="dark" (or class "dark") on a wrapper for dark. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root{
  /* surfaces */
  --bg:#F6F8FB;
  --surface:#F4F6FA;
  --card:#FFFFFF;
  --border:#E6EBF2;
  --border-soft:#EEF2F7;
  /* text */
  --text:#13233B;
  --muted:#56627A;
  --faint:#8A93A6;
  /* brand */
  --accent:#F0392B;        /* Koralle — signal only */
  --accent-soft:#FF7A5A;
  --indigo:#6D4AFF;        /* tech accent, sparing */
  --mint:#14B8A6;          /* tech accent, sparing */
  /* effects */
  --ring-track:rgba(19,35,59,.08);
  --shadow:0 16px 40px rgba(16,28,48,.08);
  --radius:20px;
  --radius-lg:26px;
  /* pulse mark */
  --logo-grad:linear-gradient(150deg,#FF7A5A,#F0392B 55%,#D81E12);
  --pulse-color:#F0392B;   /* heartbeat stroke on light surfaces */
  --font:'Plus Jakarta Sans',sans-serif;
}

:root[data-theme="dark"], .dark{
  --bg:#0B1020;
  --surface:rgba(255,255,255,.05);
  --card:#121A2E;
  --border:rgba(255,255,255,.10);
  --border-soft:rgba(255,255,255,.07);
  --text:#FFFFFF;
  --muted:#AEB7C9;
  --faint:#7C879B;
  --accent:#FF6B5B;
  --accent-soft:#FF8A72;
  --indigo:#8B6BFF;
  --mint:#2DD4BF;
  --ring-track:rgba(255,255,255,.12);
  --shadow:0 18px 44px rgba(0,0,0,.5);
  --pulse-color:#FF6B5B;
}