/* Activento Design System — tokens + self-hosted brand font (Outfit).
   Extracted from the Claude Design "activento-design-system" project. The
   variable Outfit woff2 (weight 100–900) is served locally (GDPR: no third
   party at runtime). Covers Latin + Latin-1 (English + German diacritics). */

@font-face{
  font-family:'Outfit';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(fonts/outfit-latin.woff2) format('woff2');
}

:root{
  --font-sans:'Outfit',ui-sans-serif,system-ui,sans-serif;

  --brand-25:#f4f4ff;--brand-50:#e7e7ff;--brand-100:#d3d2ff;--brand-200:#b8b7ff;--brand-300:#9897ff;
  --brand-400:#7977ff;--brand-500:#615fff;--brand-600:#5957eb;--brand-700:#504ed1;--brand-800:#4644b8;--brand-900:#3a3999;
  --gray-25:#fcfcfd;--gray-50:#f9fafb;--gray-100:#f2f4f7;--gray-200:#e4e7ec;--gray-300:#d0d5dd;--gray-400:#98a2b3;
  --gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-800:#1d2939;--gray-900:#101828;--gray-950:#0c111d;--gray-dark:#1a2231;
  --success-25:#f3fbf7;--success-50:#ecf8f1;--success-100:#d4f0e0;--success-200:#a8e0c0;--success-300:#6fcf99;
  --success-500:#37b073;--success-600:#2f9963;--success-700:#2f8f62;--success-800:#267851;
  --error-25:#fffbfb;--error-50:#fff4f4;--error-100:#ffdede;--error-200:#ffc4c4;--error-300:#ff9a9a;
  --error-500:#ff6666;--error-600:#ff6666;--error-700:#ff5555;--error-800:#ff4444;
  --warning-25:#fffcf5;--warning-50:#fffaeb;--warning-100:#fef0c7;--warning-200:#fedf89;--warning-300:#fec84b;
  --warning-500:#f79009;--warning-600:#dc6803;--warning-700:#b54708;--warning-800:#93370d;
  --blue-light-50:#f0f9ff;--blue-light-100:#e0f2fe;--blue-light-200:#b9e6fe;--blue-light-500:#0ba5ec;--blue-light-600:#0086c9;--blue-light-700:#026aa2;
  --orange-50:#fff6ed;--orange-100:#ffead5;--orange-500:#fb6514;--orange-700:#c4320a;
  --purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-500:#7a5af8;--purple-700:#7e22ce;
  --white:#ffffff;
  --shadow-xs:0px 1px 2px 0px rgba(16,24,40,.05);
  --shadow-sm:0px 1px 3px 0px rgba(16,24,40,.1),0px 1px 2px 0px rgba(16,24,40,.06);
  --shadow-md:0px 4px 8px -2px rgba(16,24,40,.1),0px 2px 4px -2px rgba(16,24,40,.06);
  --shadow-lg:0px 12px 16px -4px rgba(16,24,40,.08),0px 4px 6px -2px rgba(16,24,40,.03);
  --radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;
}