/* ============================================================
   BROWNIFY · DESIGN-TOKENS
   ------------------------------------------------------------
   Die gemeinsame Grundlage für Plattform (Brownify ID, Portal,
   Admin) und – künftig – die öffentliche Website.

   Die Farb- und Schriftwerte stimmen bewusst mit dem :root-Block
   in assets/css/style.css überein. Die öffentliche Website wurde
   NICHT umgestellt: sie läuft unverändert weiter. Wer hier einen
   Wert ändert, sollte ihn dort mitziehen, bis style.css beim
   nächsten Anfassen auf diese Datei umgehängt wird.
   ============================================================ */

:root{
  /* ---- Farben · aus dem bestehenden «Bronze & Espresso» ---- */
  --ink:#050507;            /* warmes Fast-Schwarz */
  --ink-2:#0A0B0F;
  --surface:#11141A;
  --surface-2:#181C24;
  --surface-3:#20242E;
  --line:rgba(226,232,246,.10);
  --line-2:rgba(226,232,246,.22);
  --text:#F2F4F9;
  --muted:#99A0B0;
  --faint:#5C6372;
  --bronze:#C6CFDF;
  --bronze-deep:#6E7789;
  --bronze-hot:#EEF3FC;
  --champagne:#E9EEF8;
  --glow:rgba(190,205,240,.38);
  --metal:linear-gradient(115deg,#5A6273 0%,#C6CFDF 22%,#FFFFFF 48%,#C6CFDF 70%,#4E5666 100%);

  /* ---- Zustandsfarben ----
     Getestet auf ausreichenden Kontrast gegenüber --surface. */
  --ok:#7EE0B8;
  --ok-bg:rgba(126,224,184,.12);
  --warn:#F5C77F;
  --warn-bg:rgba(245,199,127,.12);
  --bad:#FF8A9A;
  --bad-bg:rgba(255,138,154,.12);
  --busy:#7FB4F5;
  --busy-bg:rgba(127,180,245,.12);
  --info:#8FE0D4;

  /* ---- Schrift ----
     Die Plattform nutzt bewusst Systemschriften: kein Ladebalken,
     keine Abhängigkeit von einem fremden Dienst, kein Aufblitzen
     unformatierten Textes. Die öffentliche Website behält ihre
     Google-Fonts – dort ist der Auftritt wichtiger als das letzte
     Zehntel Ladezeit. */
  --disp:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --body:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;

  /* ---- Grössen ---- */
  --fs-xs:.74rem;
  --fs-sm:.84rem;
  --fs-base:.94rem;
  --fs-lg:1.06rem;
  --fs-xl:1.35rem;
  --fs-2xl:1.8rem;

  /* ---- Abstände · Vielfache von 4 ---- */
  --s1:4px;  --s2:8px;  --s3:12px; --s4:16px;
  --s5:20px; --s6:24px; --s8:32px; --s10:40px; --s12:48px;

  /* ---- Formen ---- */
  --r-sm:8px;
  --r:12px;
  --r-lg:16px;
  --r-xl:22px;
  --r-full:999px;

  /* ---- Schatten ---- */
  --sh-1:0 1px 2px rgba(0,0,0,.30);
  --sh-2:0 4px 14px rgba(0,0,0,.34);
  --sh-3:0 14px 40px rgba(0,0,0,.44);

  /* ---- Bewegung ---- */
  --ease:cubic-bezier(.19,1,.22,1);
  --fast:.16s;
  --mid:.28s;

  /* ---- Aufbau ---- */
  --nav-h:60px;
  --side-w:236px;
  --wrap:1320px;

  /* ---- Ebenen ---- */
  --z-nav:100;
  --z-side:90;
  --z-pop:200;
  --z-modal:300;
}

/* Wer Bewegung reduziert haben will, bekommt sie reduziert. */
@media (prefers-reduced-motion: reduce){
  :root{ --fast:0s; --mid:0s; }
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}