/*
 * Agora-Sozial Design Tokens
 * Alle Werte lassen sich im Child-Theme oder unter Design > Zusätzliches CSS
 * überschreiben, ohne das Plugin anzufassen.
 */

:root {
	--agora-accent: #617AA9;
	--agora-sage: #9AD2B1;
	--agora-ink: #0F172A;
	--agora-body: #364151;
	--agora-offwhite: #FAFAF9;
	--agora-white: #FFFFFF;

	--agora-accent-050: #F1F4F9;
	--agora-accent-100: #E1E8F2;
	--agora-accent-300: #A8B8D3;
	--agora-accent-600: #526A97;
	--agora-accent-700: #42557A;

	--agora-sage-050: #F1F9F4;
	--agora-sage-100: #E1F1E7;
	--agora-sage-300: #BFE2CD;
	--agora-sage-600: #78BC94;
	--agora-sage-700: #5B9C76;

	--agora-neutral-100: #F3F2EF;
	--agora-neutral-200: #E5E1D8;
	--agora-neutral-600: #6B7280;

	--agora-text-heading: var(--agora-ink);
	--agora-text-body: var(--agora-body);
	--agora-text-muted: var(--agora-neutral-600);
	--agora-line: var(--agora-neutral-200);

	--agora-font-heading: "Manrope", system-ui, sans-serif;
	--agora-font-body: "Inter", system-ui, sans-serif;
	--agora-font-wordmark: "Playfair Display", Georgia, serif;

	--agora-tracking-kicker: .16em;
	--agora-tracking-heading: -.015em;

	--agora-radius-sm: 6px;
	--agora-radius: 8px;
	--agora-radius-lg: 12px;
	--agora-radius-pill: 999px;

	--agora-space-2: 8px;
	--agora-space-3: 12px;
	--agora-space-4: 16px;
	--agora-space-6: 24px;
	--agora-space-8: 32px;
	--agora-space-12: 48px;
	--agora-space-16: 64px;
	--agora-space-20: 80px;

	--agora-shadow-card: 0 1px 2px rgba(15, 23, 42, .04);
	--agora-shadow-raised: 0 4px 16px rgba(15, 23, 42, .07);
	--agora-focus: 0 0 0 3px rgba(97, 122, 169, .35);

	--agora-duration: 200ms;
	--agora-ease: cubic-bezier(.4, 0, .2, 1);
}