/* Pinned subset of @unikum/design-tokens light theme. See branding/README.md. */
:root {
  --u-primary: rgb(12, 105, 210); /* primary.base / blue.40 */
  --u-primary-hover: rgb(8, 77, 185); /* primary.hover / blue.30 */
  --u-primary-active: rgb(19, 68, 145); /* primary.active / blue.20 */
  --u-on-primary: rgb(255, 255, 255);
  --u-surface: rgb(255, 255, 255);
  --u-background: rgb(243, 245, 249); /* surface_sunken.base */
  --u-text: rgb(31, 33, 36); /* surface_main.on */
  --u-text-secondary: rgb(71, 75, 81); /* surface_sunken.on_subtle */
  --u-border: rgb(230, 233, 240); /* surface_main.stroke_decorative */
  --u-input-border: rgb(142, 149, 157); /* surface_main.stroke */
  --u-info: rgb(241, 246, 253); /* info_subtle.base */
  --u-on-info: rgb(3, 26, 62); /* info_subtle.on */
  --u-secondary: rgb(228, 244, 255); /* secondary.base */
  --u-secondary-hover: rgb(191, 229, 255); /* secondary.hover */
  --u-success: rgb(224, 246, 224); /* success_subtle.base */
  --u-on-success: rgb(4, 72, 2); /* success_subtle.on */
  --u-error: rgb(255, 245, 246); /* error_subtle.base */
  --u-on-error: rgb(152, 22, 20); /* error_subtle.on */
  --u-error-border: rgb(242, 182, 182); /* error_subtle.stroke */
  --u-demo: rgb(255, 246, 198); /* yellow.90 */
  --u-on-demo: rgb(74, 63, 4); /* yellow.0 */
  --u-radius-small: 4px;
  --u-radius: 8px;
  --u-radius-large: 16px;
  --u-space-1: 4px;
  --u-space-2: 8px;
  --u-space-3: 12px;
  --u-space-4: 16px;
  --u-space-6: 24px;
  --u-space-8: 32px;
  --u-space-12: 48px;
  --u-font-body: "Lato", Arial, sans-serif;
  --u-font-brand: "Circular TT", Arial, sans-serif;
}