/* appsolvia Design System – Tokens (Quelle: Figma „Appsolvia.ai.fig“, appsolvia.web). Schriften: fonts.css (selbst gehostet). */
:root{
  /* Primary (Grün) */
  --primary-10:#FCFEFD;--primary-50:#F7FAF9;--primary-100:#F1F9F7;--primary-300:#C7E4DD;--primary-500:#1D9274;--primary-600:#0E644E;--primary-700:#0A3933;
  /* Secondary (Navy) */
  --secondary-10:#FCFDFD;--secondary-100:#E2E7EB;--secondary-300:#8A9CAF;--secondary-500:#14385F;--secondary-700:#0F2A48;--secondary-900:#050E18;
  /* Neutral (warmes Grau) */
  --neutral-100:#EAEFF0;--neutral-200:#CFD8D9;--neutral-300:#9DABAC;--neutral-400:#6A7879;--neutral-500:#46595B;--neutral-600:#354345;
  /* Feedback */
  --success-500:#007C25;--success-100:#E4EFE7;--info-500:#0061A7;--info-100:#DAE6EE;
  --warning-500:#7C6A00;--warning-100:#F2EDCE;--error-500:#A70000;--error-100:#FBF2F2;--accent-orange-500:#BE5900;
  /* Verläufe */
  --gradient-01:linear-gradient(119.358deg,#1D9274 0%,#050E18 100%);
  --gradient-02:linear-gradient(119.358deg,#1D9274 0%,#14385F 100%);
  --gradient-03:linear-gradient(119.358deg,#C7E4DD 0%,#F1F9F7 100%);
  --gradient-app-bg:linear-gradient(119.358deg,rgba(29,146,116,.3) 0%,rgba(20,56,95,.3) 100%),linear-gradient(#F5F5F5,#F5F5F5);
  /* Semantik */
  --text-body:var(--neutral-600);--text-muted:var(--neutral-400);--text-label:var(--secondary-500);--text-heading:var(--neutral-600);--text-on-primary:#FCFEFD;
  --surface-page:#FCFEFD;--surface-card:#FCFEFD;--surface-tint:var(--primary-100);
  --border-default:var(--neutral-100);--border-strong:var(--neutral-200);
  --link-color:var(--primary-500);--link-hover:var(--primary-600);
  --focus-ring:0 0 0 2.5px var(--accent-orange-500);
  /* Radius, Schatten, Abstände */
  --radius-4:4px;--radius-8:8px;--radius-16:16px;--radius-32:32px;
  --shadow-5:0 2px 8px rgba(20,56,95,.30);--shadow-10:0 2px 12px rgba(20,56,95,.50);
  --space-4:4px;--space-8:8px;--space-16:16px;--space-24:24px;--space-32:32px;--space-40:40px;
  --transition-base:all .3s ease;--transition-fast:all .2s ease;
  /* Typografie */
  --font-heading:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --font-body:'Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  color-scheme:light;
}

/* ── Dunkel (data-theme="dark", gesetzt von js/theme.js) ─────────────────────────────────────────────────────
   Gleiche Rollen wie hell: 10–100 sind Flächen, 500–900 Text und Akzente. Primärgrün bleibt als Füllfarbe für
   Buttons erhalten (weiße Schrift), Text und Links werden heller. */
:root[data-theme="dark"]{
  --primary-10:#0E1A17;--primary-50:#11201C;--primary-100:#152E27;--primary-300:#2B6253;--primary-500:#1D9274;--primary-600:#5FC9AC;--primary-700:#A6E3D2;
  --secondary-10:#0B1622;--secondary-100:#1A2B3C;--secondary-300:#7790AB;--secondary-500:#B4C8DE;--secondary-700:#D5E2F0;--secondary-900:#EEF3F8;
  --neutral-100:#22303A;--neutral-200:#324049;--neutral-300:#56666F;--neutral-400:#94A4AC;--neutral-500:#BAC6CC;--neutral-600:#DDE5E8;
  --success-500:#55C985;--success-100:#11281A;--info-500:#74B9EC;--info-100:#0F2233;
  --warning-500:#E2C653;--warning-100:#2A2510;--error-500:#FF8A8A;--error-100:#341618;--accent-orange-500:#F0913A;
  --gradient-03:linear-gradient(119.358deg,#1F4A3F 0%,#152E27 100%);
  --gradient-app-bg:linear-gradient(119.358deg,rgba(29,146,116,.16) 0%,rgba(20,56,95,.32) 100%),linear-gradient(#0B141C,#0B141C);
  --surface-page:#0B141C;--surface-card:#111C26;--surface-raised:#16232F;
  --link-color:#5FC9AC;--link-hover:#A6E3D2;
  --shadow-5:0 2px 8px rgba(0,0,0,.45);--shadow-10:0 2px 12px rgba(0,0,0,.6);
  color-scheme:dark;
}