/* FGF Projektentwicklung Design System — Tokens (aus _ds/…/tokens übernommen) */
:root{
--black:#0a0a0a;
--ink-900:#111111;
--ink-800:#1c1c1c;
--ink-700:#2c2c2c;
--gray-600:#575757;
--gray-500:#767676;
--gray-400:#9a9a9a;
--gray-300:#c2c2c2;
--gray-200:#dcdcdc;
--gray-100:#eeeeee;
--gray-50:#f6f6f5;
--white:#ffffff;
--warm-100:#f2ede6;
--warm-200:#e7ddd0;
--warm-400:#a99a83;
--warm-600:#7a6c58;
--success:#3d6b4f;
--error:#8c2f27;
--focus:#1a5cff;
--text-primary:var(--ink-900);
--text-secondary:var(--gray-600);
--text-tertiary:var(--gray-400);
--text-inverse:var(--white);
--surface-page:var(--white);
--surface-sunken:var(--gray-50);
--surface-card:var(--white);
--surface-inverse:var(--ink-900);
--surface-accent-warm:var(--warm-100);
--border-default:var(--gray-200);
--border-strong:var(--ink-900);
--border-subtle:var(--gray-100);
--brand-black:var(--ink-900);
--brand-warm:var(--warm-600);
}
:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:128px;
--space-11:160px;
--radius-none:0px;
--radius-sm:2px;
--radius-md:4px;
--radius-lg:6px;
--radius-pill:999px;
--border-hair:1px;
--border-thick:2px;
--container-max:1280px;
--container-pad:5vw;
--shadow-flat:none;
--shadow-card:0 1px 0 rgba(0,0,0,0.06);
--shadow-elevated:0 12px 32px rgba(10,10,10,0.10);
--shadow-focus:0 0 0 3px rgba(26,92,255,0.28);
--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:360ms; /* @kind other */
}
:root{
--font-display:'Archivo',Helvetica,Arial,sans-serif;
--font-body:'Inter',Helvetica,Arial,sans-serif;
--font-mono:ui-monospace,'SFMono-Regular',Menlo,monospace;
--tracking-tight:-0.02em;
--tracking-normal:0em;
--tracking-wide:0.08em;
--tracking-wider:0.16em;
--lh-tight:1.05; /* @kind other */
--lh-snug:1.25; /* @kind other */
--lh-normal:1.5; /* @kind other */
--lh-relaxed:1.7; /* @kind other */
--text-display-xl:clamp(3rem,6vw,6.5rem);
--text-display-lg:clamp(2.5rem,4.5vw,4.5rem);
--text-display-md:2.75rem;
--text-h1:2.25rem;
--text-h2:1.75rem;
--text-h3:1.375rem;
--text-h4:1.125rem;
--text-body-lg:1.125rem;
--text-body:1rem;
--text-body-sm:0.875rem;
--text-caption:0.75rem;
--text-eyebrow:0.8125rem;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-black:900;
}