/* COLORS — warm neutrals only. No accent colours without sign-off.
   Any blue is forbidden brand-wide: no hue between 190 and 260 belongs in this system. */
:root{
  /* Base — cream / paper */
  --cream-000:#FFFDFB;
  --cream-050:#FCFAF8; /* brand base, RGB 252 250 248 */
  --cream-100:#F7F3EE;
  --cream-200:#F0EBE4;

  /* Base — stone (hairlines, dividers, disabled) */
  --stone-300:#E2DCD3;
  --stone-400:#CFC8BE;
  --stone-500:#A8A197;

  /* Base — gray / ink */
  --gray-600:#736D63;
  --gray-700:#55504A;
  --gray-800:#2E2B27;
  --ink-900:#181613;
  --ink-950:#000000;

  /* Semantic — surfaces */
  --surface-page:var(--cream-050);
  --surface-raised:var(--cream-000);
  --surface-sunken:var(--cream-100);
  --surface-quiet:var(--cream-200);
  --surface-inverse:var(--ink-900);

  /* Semantic — text */
  --text-body:var(--gray-800);
  --text-heading:var(--ink-900);
  --text-secondary:var(--gray-600);
  --text-muted:var(--stone-500);
  --text-inverse:var(--cream-050);
  --text-inverse-secondary:rgba(252,250,248,.66);

  /* Semantic — lines */
  --line-hairline:var(--stone-300);
  --line-medium:var(--stone-400);
  --line-strong:var(--gray-800);
  --line-inverse:rgba(252,250,248,.24);

  /* Semantic — interactive (monochrome by design) */
  --action-solid-bg:var(--ink-900);
  --action-solid-bg-hover:var(--gray-800);
  --action-solid-fg:var(--cream-050);
  --action-quiet-fg:var(--ink-900);
  --action-disabled-fg:var(--stone-500);
  --action-disabled-line:var(--stone-300);
  --focus-ring:var(--gray-800);

  /* Status. Freigegeben im Oktober 2026: drei gedämpfte, warme Töne nur für
     Zustände (Statussymbol und sein Wort), nie für Flächen, Knöpfe oder Text
     sonst. Jeder Zustand trägt zusätzlich Wort und Symbol, Farbe allein sagt nie etwas. */
  --green-700:#2F6A47;
  --green-100:#E2EDE4;
  --ocker-700:#8A5B12;
  --ocker-100:#F3E7CF;
  --rot-700:#9B3A2D;
  --rot-100:#F4E0DB;

  --status-info-fg:var(--gray-700);
  --status-success-fg:var(--green-700);
  --status-success-bg:var(--green-100);
  --status-attention-fg:var(--ocker-700);
  --status-attention-bg:var(--ocker-100);
  --status-critical-fg:var(--rot-700);
  --status-critical-bg:var(--rot-100);
  --status-critical-line:var(--rot-700);

  /* Frosted glass — only over photography (Story format) */
  --glass-fill:rgba(252,250,248,.62);
  --glass-fill-dark:rgba(24,22,19,.34);
  --glass-blur:22px;
}