/* DropForce Design Tokens — erzeugt aus tools/make_exports.py, nicht von Hand ändern.
   Quelle: brand/DropForce_Brandbook.pdf, Seiten 10 und 11. */

:root {
  color-scheme: dark;

  /* Markenfarben — unabhängig vom Modus */
  --df-cyan: #22D3EE;
  --df-off-white: #E8F0E5;
  --df-navy: #080F1A;
  --df-systems-grey: #7B8485;

  /* Textil */
  --df-textile-navy: #0E1826;
  --df-textile-black: #101010;
  --df-textile-steel: #2A3744;

  /* Schrift */
  --df-font-display: 'Space Grotesk', 'Roboto Mono', monospace;
  --df-font-body: 'Inter', system-ui, sans-serif;
  --df-font-mono: 'Roboto Mono', 'Courier New', monospace;

  /* Oberfläche — Dark Mode (Vorgabe) */
  --df-ui-bg-0: #050A12;
  --df-ui-bg-1: #081020;
  --df-ui-bg-2: #0C1729;
  --df-ui-bg-3: #101F36;
  --df-ui-line: rgba(80,170,220,.14);
  --df-ui-line-strong: rgba(80,180,230,.30);
  --df-ui-accent: #22D3EE;
  --df-ui-text: #E8F0F8;
  --df-ui-text-dim: #8DA3BD;
  --df-ui-text-faint: #5A7089;
  --df-ui-green: #34D399;
  --df-ui-amber: #FBBF24;
  --df-ui-red: #F87171;
  --df-ui-violet: #A78BFA;
}

[data-theme="light"] {
  color-scheme: light;
  --df-ui-bg-0: #F1EDE4;
  --df-ui-bg-1: #FBFAF6;
  --df-ui-bg-2: #FFFFFF;
  --df-ui-bg-3: #FFFFFF;
  --df-ui-line: rgba(92,74,52,.16);
  --df-ui-line-strong: rgba(92,74,52,.32);
  --df-ui-accent: #0B879F;
  --df-ui-text: #23303E;
  --df-ui-text-dim: #5C6B7A;
  --df-ui-text-faint: #9C8E76;
  --df-ui-green: #12A06E;
  --df-ui-amber: #E0901A;
  --df-ui-red: #DE4B4B;
  --df-ui-violet: #6D3FD4;
}