/**
 * Brandaktuell design tokens - editorial magazine system.
 * Load before main.css. Plugins may enqueue this file for admin UI alignment.
 *
 * @package Brandaktuell
 */

:root {
	/* -- Primary -- */
	--ba-color-primary: #1a3b8f;
	--ba-color-primary-hover: #153179;
	--ba-color-primary-active: #10275f;
	--ba-color-primary-soft: #e8eeff;
	--ba-color-primary-border: #c8d6ff;

	/* -- Ink -- */
	--ba-color-ink: #0f1116;
	--ba-color-ink-soft: #1c2230;
	--ba-color-ink-muted: #374151;
	--ba-color-ink-light: #6b7280;

	/* -- Grayscale -- */
	--ba-gray-50: #f9fafb;
	--ba-gray-100: #f3f4f6;
	--ba-gray-200: #e5e7eb;
	--ba-gray-300: #d1d5db;
	--ba-gray-400: #9ca3af;
	--ba-gray-500: #6b7280;
	--ba-gray-600: #4b5563;
	--ba-gray-700: #374151;
	--ba-gray-800: #1f2937;
	--ba-gray-900: #111827;

	/* -- Semantic feedback -- */
	--ba-success: #15803d;
	--ba-success-hover: #166534;
	--ba-success-soft: #dcfce7;
	--ba-success-border: #bbf7d0;

	--ba-warning: #b45309;
	--ba-warning-hover: #92400e;
	--ba-warning-soft: #fef3c7;
	--ba-warning-border: #fde68a;

	--ba-danger: #b91c1c;
	--ba-danger-hover: #991b1b;
	--ba-danger-soft: #fee2e2;
	--ba-danger-border: #fecaca;

	--ba-info: #0369a1;
	--ba-info-soft: #e0f2fe;
	--ba-info-border: #bae6fd;

	/* -- Backgrounds -- */
	--ba-bg-page: #ffffff;
	--ba-bg-subtle: #f9fafb;
	--ba-bg-card: #ffffff;
	--ba-bg-elevated: #ffffff;
	--ba-bg-dark: #0f1116;

	/* -- Borders -- */
	--ba-border-light: #e5e7eb;
	--ba-border-default: #d1d5db;
	--ba-border-strong: #9ca3af;

	/* -- Shadows (restrained) -- */
	--ba-shadow-sm: 0 1px 2px rgba(15, 17, 22, 0.06);
	--ba-shadow-md: 0 4px 12px rgba(15, 17, 22, 0.08);
	--ba-shadow-lg: 0 10px 30px rgba(15, 17, 22, 0.12);

	/* -- Radius -- */
	--ba-radius-sm: 6px;
	--ba-radius-md: 10px;
	--ba-radius-lg: 16px;

	/* -- Typography scale -- */
	--ba-text-xs: 12px;
	--ba-text-sm: 14px;
	--ba-text-md: 16px;
	--ba-text-lg: 18px;
	--ba-text-xl: 24px;
	--ba-text-2xl: 32px;
	--ba-text-3xl: 48px;

	--ba-font-family: "Satoshi", system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;
	--ba-font-weight-normal: 400;
	--ba-font-weight-medium: 500;
	--ba-font-weight-bold: 700;
	--ba-font-weight-black: 900;

	--ba-leading-display: 1.08;
	--ba-leading-tight: 1.2;
	--ba-leading-snug: 1.35;
	--ba-leading-normal: 1.5;
	--ba-leading-relaxed: 1.62;
	--ba-leading-body: 1.72;

	--ba-tracking-tight: -0.02em;
	--ba-tracking-tighter: -0.035em;
	--ba-tracking-label: 0.06em;
	--ba-tracking-kicker: 0.12em;

	/* -- Editorial spacing rhythm -- */
	--ba-space-2xs: 0.25rem;
	--ba-space-xs: 0.5rem;
	--ba-space-sm: 0.75rem;
	--ba-space-md: 1.25rem;
	--ba-space-lg: 2rem;
	--ba-space-xl: 3rem;
	--ba-space-2xl: 4.5rem;
	--ba-space-3xl: 6rem;

	/* -- Layout -- */
	--ba-max: 87.5rem;
	--ba-content: 42rem;
	--ba-space: var(--ba-space-md);

	/* -- Motion (minimal) -- */
	--ba-duration-fast: 120ms;
	--ba-ease-out: cubic-bezier(0.25, 0.1, 0.25, 1);

	/* -- Focus ring (WCAG-friendly) -- */
	--ba-focus-ring: 2px solid var(--ba-color-primary);
	--ba-focus-offset: 2px;

	/* -- Semantic bridge (existing theme class names) -- */
	--ba-bg: var(--ba-bg-page);
	--ba-text: var(--ba-color-ink);
	--ba-muted: var(--ba-color-ink-muted);
	--ba-line: var(--ba-border-light);
	--ba-accent: var(--ba-color-primary);
	--ba-accent-soft: var(--ba-color-primary-soft);
	--ba-font: var(--ba-font-family);

	/* -- Editorial badges -- */
	--ba-badge-radius: 4px;
	--ba-badge-tracking: 0.06em;
	--ba-badge-cat-bg: #ffffff;
	--ba-badge-cat-text: #0f1116;
	--ba-badge-cat-border: rgba(15, 17, 22, 0.12);
	--ba-badge-cat-bg-hover: #f7f8fa;
	--ba-badge-accent-bg: rgba(26, 59, 143, 0.08);
	--ba-badge-accent-text: #1a3b8f;
	--ba-badge-accent-border: rgba(26, 59, 143, 0.18);
	--ba-badge-accent-bg-hover: rgba(26, 59, 143, 0.12);
	--ba-badge-neutral-bg: #f7f8fa;
	--ba-badge-neutral-text: #5b6472;
	--ba-badge-neutral-border: rgba(91, 100, 114, 0.14);
	--ba-badge-neutral-bg-hover: #eff1f4;

	/* -- Card copy -- */
	--ba-card-excerpt: #4a5565;
	--ba-card-meta: #6b7280;

	/* -- Magazine category accents (subtle) -- */
	--ba-cat-tech: #1a3b8f;
	--ba-cat-tech-soft: rgba(26, 59, 143, 0.08);
	--ba-cat-tech-border: rgba(26, 59, 143, 0.18);

	--ba-cat-gesellschaft: #4b5563;
	--ba-cat-gesellschaft-soft: rgba(75, 85, 99, 0.08);
	--ba-cat-gesellschaft-border: rgba(75, 85, 99, 0.18);

	--ba-cat-kultur: #7c4d2e;
	--ba-cat-kultur-soft: rgba(124, 77, 46, 0.08);
	--ba-cat-kultur-border: rgba(124, 77, 46, 0.18);

	--ba-cat-meinung: #8b2635;
	--ba-cat-meinung-soft: rgba(139, 38, 53, 0.08);
	--ba-cat-meinung-border: rgba(139, 38, 53, 0.18);

	--ba-cat-produkte: #0f766e;
	--ba-cat-produkte-soft: rgba(15, 118, 110, 0.08);
	--ba-cat-produkte-border: rgba(15, 118, 110, 0.18);

	--ba-cat-praxis: #3f6b3c;
	--ba-cat-praxis-soft: rgba(63, 107, 60, 0.08);
	--ba-cat-praxis-border: rgba(63, 107, 60, 0.18);
}

/* Desktop: magazine scale (mobile unchanged) */
@media (min-width: 768px) {
	:root {
		--ba-text-md: 18px;
	}
}

@media (min-width: 960px) {
	:root {
		--ba-text-2xl: 2.25rem;
		--ba-text-3xl: 3.5rem;
		--ba-space: var(--ba-space-lg);
		--ba-space-2xl: 5rem;
		--ba-space-3xl: 7rem;
	}
}