/* Design-Tokens: einzige Quelle fuer Farben, Masse und Effekte.
   Wird von allen Oberflaechen geladen (App via fragments :: head, Landing
   separat) - app.css und landing.css definieren KEINE eigenen Paletten. */
:root {
    --ds-bg: #fcf8fa;
    --ds-surface: #ffffff;
    --ds-surface-soft: #f8fafc;
    --ds-navy: #0f172a;
    --ds-navy-soft: #1e293b;
    --ds-text: #0f172a;
    --ds-muted: #5b6f8d;
    --ds-border: #d9e2ec;
    --ds-lime: #84cc16;
    --ds-green: #22c55e;
    --ds-red: #dc2626;
    --ds-amber: #f59e0b;
    --ds-sidebar: 320px;
    --ds-topbar: 80px;
    --ds-radius: 12px;
    /* Der eine "Los!"-Gradient (btn-scan, new-scan, Auth-CTA, Upload-Balken) */
    --ds-gradient-go: linear-gradient(105deg, var(--ds-lime), var(--ds-green));
    /* Feedback-Palette (Toasts, doc-strip): eine Quelle fuer alle Severities */
    --ds-success-fg: #15803d;
    --ds-success-bg: #dcfce7;
    --ds-info-fg: #1d4ed8;
    --ds-info-bg: #dbeafe;
    --ds-warning-fg: #92400e;
    --ds-warning-bg: #fef3c7;
    --ds-danger-fg: #b91c1c;
    --ds-danger-bg: #fee2e2;
    /* Randfarben der Pillen/Karten - gehoeren zur selben Palette. */
    --ds-success-border: #bbf7d0;
    --ds-info-border: #bfdbfe;
    --ds-warning-border: #fde68a;
    --ds-danger-border: #fca5a5;
    --ds-neutral-fg: #536681;
    --ds-neutral-bg: #e9edf3;
    --ds-z-modal: 1070; /* Notebene fuer <dialog>, siehe .line-picker */
    --ds-z-toast: 1080; /* ueber .app-sidebar (1040) */
}