:root {
  /* Swiss Confederation Corporate Design — "default" skin */
  --primary-50:#ffedee; --primary-100:#fae1e2; --primary-500:#e53940; --primary-600:#d8232a; --primary-700:#bf1f25;
  --secondary-50:#f0f4f7; --secondary-100:#dfe4e9; --secondary-200:#acb4bd; --secondary-300:#828e9a;
  --secondary-400:#596978; --secondary-500:#46596b; --secondary-600:#2f4356; --secondary-700:#263645;
  --swiss-red: var(--primary-600);
  --gray-50: #f9fafb; --gray-100: #f3f4f6; --gray-200: #e5e7eb;
  --gray-300: #d1d5db; --gray-400: #9ca3af; --gray-500: #6b7280;
  --gray-600: #4b5563; --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827;
  --link: var(--primary-700);            /* darker red so link text meets WCAG AA (~4.8:1 on white) */
  --focus: #8655F6;                       /* CD focus ring (purple-500) */
  --radius: 3px; --radius-sm: 2px;
  --radius-lg: 4px;                        /* Oblique card/surface radius (controls stay 2–3px) */
  --ok: #137333; --ok-bg: #e6f4ea; --warn: #b45309;  /* semantic status — AA on white */
  --bar-fill: #9db4cc;                    /* inline data-bar fill (slate-blue) */
  --scrim: rgba(31,41,55,.45);            /* single overlay scrim (gray-800 @ 45%) */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 2px 4px -1px rgba(0,0,0,.06), 0 4px 10px -1px rgba(0,0,0,.08);
  --font: "Noto Sans", "Helvetica Neue", Arial, system-ui, -apple-system, Segoe UI, sans-serif;
}