/* ============================================================
   Rayvn — Design-Tokens
   Alles Sichtbare hängt an diesen Variablen. Ein neues Thema ist
   ein neuer [data-theme]-Block, mehr nicht.

   Schriften kommen bewusst aus dem System: keine Webfont-Requests,
   also auch keine Übertragung der IP-Adresse an Dritte.
   ============================================================ */
:root{
  --accent:#E8A33D;
  --accent-ink:#1A1206;
  --radius:10px;
  --gap:10px;
  --chrome:34px;
  --dur:.18s;

  --code-size:13.5px;
  --code-lh:1.7;

  --ui-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --code-font:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
}

[data-density="kompakt"]{ --gap:5px; --chrome:30px; }

/* ── Mitternacht ── tiefes Schiefer-Ink, kühl */
[data-theme="mitternacht"]{
  --shell:#10141C; --panel:#151A24; --editor:#1A202B; --sunken:#0C1017;
  --line:#252C3A; --line-soft:#1E2430;
  --text:#D5DCEA; --text-strong:#F2F6FF; --muted:#77839A; --faint:#4C566B;
  --hover:#1F2634; --activeline:#20283566; --sel:#2E4A6B88;
  --tok-key:#C99BF0; --tok-str:#8FCF7F; --tok-num:#E8A33D; --tok-com:#5B6579;
  --tok-fn:#6FB6F2; --tok-type:#57C8C0; --tok-op:#93A0B8; --tok-tag:#F0857D;
  --tok-attr:#E8A33D; --tok-punct:#67728A;
  --ok:#5FD068; --warn:#E8A33D; --err:#F0655F;
  --shadow:0 18px 50px -12px #000A;
}

/* ── Graphit ── neutral-warmes Dunkel */
[data-theme="graphit"]{
  --shell:#191817; --panel:#1F1E1C; --editor:#242220; --sunken:#141312;
  --line:#332F2B; --line-soft:#2A2724;
  --text:#DED8CF; --text-strong:#FBF6EE; --muted:#8B8378; --faint:#5C554C;
  --hover:#2C2925; --activeline:#2E2A2566; --sel:#5A4A2E88;
  --tok-key:#E091A8; --tok-str:#A3C98B; --tok-num:#E0A860; --tok-com:#6A635A;
  --tok-fn:#8FBBD9; --tok-type:#7CC4B4; --tok-op:#A29A8E; --tok-tag:#E08C74;
  --tok-attr:#E0A860; --tok-punct:#7C746A;
  --ok:#8FC46B; --warn:#E0A860; --err:#E07A6B;
  --shadow:0 18px 50px -12px #000A;
}

/* ── Papier ── hell und warm, blendfrei */
[data-theme="papier"]{
  --shell:#E9E4DA; --panel:#F2EEE6; --editor:#FAF7F1; --sunken:#DFD9CD;
  --line:#D6CFC2; --line-soft:#E3DDD2;
  --text:#3A3730; --text-strong:#1E1C18; --muted:#7B7466; --faint:#A79E8E;
  --hover:#E5DFD3; --activeline:#EFE9DC99; --sel:#BFD6E8AA;
  --tok-key:#8B4A9E; --tok-str:#3F7A3A; --tok-num:#A4661B; --tok-com:#9A9285;
  --tok-fn:#245F97; --tok-type:#1C7A72; --tok-op:#6A6559; --tok-tag:#A8342A;
  --tok-attr:#A4661B; --tok-punct:#8A8375;
  --ok:#3F7A3A; --warn:#A4661B; --err:#B8332B;
  --shadow:0 18px 40px -14px #0003;
}

/* ── Kontrast ── maximale Lesbarkeit */
[data-theme="kontrast"]{
  --shell:#000; --panel:#0A0A0A; --editor:#000; --sunken:#000;
  --line:#4A4A4A; --line-soft:#333;
  --text:#F5F5F5; --text-strong:#FFF; --muted:#BDBDBD; --faint:#8A8A8A;
  --hover:#1F1F1F; --activeline:#1A1A1A; --sel:#3B5C8FCC;
  --tok-key:#E4A0FF; --tok-str:#7BE87B; --tok-num:#FFC24D; --tok-com:#9B9B9B;
  --tok-fn:#66C6FF; --tok-type:#5FE6DC; --tok-op:#DCDCDC; --tok-tag:#FF8F86;
  --tok-attr:#FFC24D; --tok-punct:#C4C4C4;
  --ok:#5FFF6B; --warn:#FFC24D; --err:#FF6B6B;
  --shadow:0 0 0 1px #4A4A4A;
}