/* nenalisi — Farben. Light ist Standard, Dark über [data-theme="dark"] */
:root {
  /* Akzent: Rost */
  --nl-rost-50: #FBEAE5;
  --nl-rost-100: #F7E7E2;
  --nl-rost-200: #F2C9BE;
  --nl-rost-300: #F5A48C;
  --nl-rost-400: #E26A4A;
  --nl-rost-500: #A23018;
  --nl-rost-600: #872613;
  --nl-rost-700: #8A2814;
  /* Neutrale */
  --nl-cream: #FAF6F3;
  --nl-white: #FFFFFF;
  --nl-sand-100: #EFE6E1;
  --nl-sand-200: #EFE3DC;
  --nl-sand-300: #E6D3C8;
  --nl-anthrazit: #343434;
  --nl-anthrazit-900: #1B1918;
  --nl-grey-700: #4A4543;
  --nl-grey-500: #6E6865;

  /* Semantik */
  --bg: var(--nl-cream);
  --surface: var(--nl-white);
  --ink: var(--nl-anthrazit);
  --muted: var(--nl-grey-700);
  --muted2: var(--nl-grey-500);
  --blush: var(--nl-rost-100);
  --tint: var(--nl-rost-50);
  --ph: var(--nl-sand-100);
  --stack1: var(--nl-sand-200);
  --stack2: var(--nl-sand-300);
  --block: var(--nl-anthrazit);
  --line: rgba(52,52,52,0.26);
  --line-strong: rgba(52,52,52,0.40);
  --glass: rgba(255,255,255,0.80);

  --accent: var(--nl-rost-500);
  --accent-h: var(--nl-rost-600);
  --accent-soft: var(--nl-rost-400);
  --accent-deep: var(--nl-rost-700);
  --accent-rgb: 162,48,24; /* @kind other */
  --on-accent: #FFFFFF;
  --sel: var(--nl-rost-200);

  --btn: var(--nl-anthrazit);
  --btn-h: #1E1E1E;
  --btn-ink: #FFFFFF;
}

[data-theme="dark"] {
  --bg: #1B1918;
  --surface: #242120;
  --ink: #F4EDE9;
  --muted: #CFC5C0;
  --muted2: #A99E99;
  --blush: #2A201E;
  --tint: rgba(226,106,74,0.14);
  --ph: #2F2B29;
  --stack1: #2C2826;
  --stack2: #3A2B27;
  --block: #121010;
  --line: rgba(255,255,255,0.24);
  --line-strong: rgba(255,255,255,0.38);
  --glass: rgba(36,33,32,0.78);

  --accent: #E26A4A;
  --accent-h: #EC7C5E;
  --accent-soft: #F5A48C;
  --accent-deep: #F08A6E;
  --accent-rgb: 226,106,74; /* @kind other */
  --on-accent: #1B1918;
  --sel: #6B2A1C;

  --btn: #F4EDE9;
  --btn-h: #FFFFFF;
  --btn-ink: #1B1918;
}