/* ======================================================================
   Shared Design Tokens for Tool Dashboards
   (Prüf-Cockpit, Occupational Safety, future tools)
   Prefix: --td-  (Tool Dashboard)
   ====================================================================== */

:root {
	/* Card */
	--td-card-radius: 16px;
	--td-card-border: 1px solid #e5e7eb;
	--td-card-bg: #fff;
	--td-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	--td-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.08);
	--td-card-hover-lift: translateY(-2px);
	--td-card-padding: 32px 24px;
	--td-card-padding-compact: 20px 16px;

	/* Layout */
	--td-dashboard-max-width: 1152px;
	--td-section-gap: 48px;
	--td-grid-gap: 24px;

	/* Typography */
	--td-font-primary: "Open Sans", sans-serif;
	--td-font-secondary: "Inter", "Open Sans", sans-serif;
	--td-heading-color: #101828;
	--td-text-color: #6b7280;
	--td-muted-color: #9ca3af;
	--td-heading-size: 18px;
	--td-heading-weight: 700;
	--td-body-size: 13px;
	--td-body-weight: 500;
	--td-label-size: 12px;
	--td-small-size: 11px;

	/* Badge (pill) */
	--td-badge-radius: 96px;
	--td-badge-padding: 2px 8px;
	--td-badge-font-size: 12px;
	--td-badge-font-weight: 500;

	/* Status colors — critical */
	--td-critical-bg: #fef2f2;
	--td-critical-color: #dc2626;
	--td-critical-border: #fca5a5;
	--td-critical-badge-bg: #f9e3e2;
	--td-critical-badge-color: #752522;

	/* Status colors — warning */
	--td-warning-bg: #fef3c7;
	--td-warning-color: #d97706;
	--td-warning-border: #fcd34d;
	--td-warning-badge-bg: #fef3c7;
	--td-warning-badge-color: #92400e;

	/* Status colors — success */
	--td-success-bg: #e7f0d9;
	--td-success-color: #89b63f;
	--td-success-badge-bg: #e7f0d9;
	--td-success-badge-color: #526d26;

	/* Status colors — info */
	--td-info-bg: #eff6ff;
	--td-info-color: #2563eb;
	--td-info-border: #93c5fd;

	/* Status colors — loading/neutral */
	--td-loading-bg: #eef2f7;
	--td-loading-color: #475467;

	/* Status colors — purple */
	--td-purple-bg: #ede9fe;
	--td-purple-color: #7c3aed;

	/* Status colors — teal */
	--td-teal-bg: #ccfbf1;
	--td-teal-color: #0d9488;

	/* Neutral borders & backgrounds */
	--td-border-light: #e5e7eb;
	--td-border-subtle: #f3f4f6;
	--td-bg-hover: #f9fafb;
	--td-bg-subtle: #f1f5f9;
	--td-bg-skeleton-from: #f1f5f9;
	--td-bg-skeleton-mid: #e2e8f0;

	/* Icon containers */
	--td-icon-size: 32px;
	--td-icon-padding: 8px;
	--td-icon-radius: 12px;

	/* Action buttons (brand pink) */
	--td-action-color: #d66181;
	--td-action-radius: 24px;
}