/* GENERATED by ds-compile - do not edit. Edit the spec and recompile. */

:root {
  /* spec/tokens/color.json */
  --ds-color-base-ink: #2a2859;
  --ds-color-base-warm-blue: #1f42aa;
  --ds-color-base-focus-purple: #e0adff;
  --ds-color-base-white: #ffffff;
  --ds-color-base-blue-200: #e5fcff;
  --ds-color-base-blue-300: #d1f9ff;
  --ds-color-base-blue-1000: #6fe9ff;
  --ds-color-base-green-400: #c7fde9;
  --ds-color-base-green-1000: #43f8b6;
  --ds-color-base-light-green: #c7f6c9;
  --ds-color-base-dark-green: #034b45;
  --ds-color-base-yellow-500: #ffe7bc;
  --ds-color-base-yellow-1000: #f9c66b;
  --ds-color-base-red-400: #ffdfdc;
  --ds-color-base-red-600: #ffb4ac;
  --ds-color-base-red-1000: #ff8274;
  --ds-color-base-beige: #f8f0dd;
  --ds-color-base-neutral-100: #f9f9f9;
  --ds-color-base-neutral-200: #f2f2f2;
  --ds-color-base-gray-200: #cccccc;
  --ds-color-base-gray-300: #b3b3b3;
  --ds-color-base-gray-500: #808080;
  --ds-color-base-gray-600: #666666;
  --ds-color-text-default: var(--ds-color-base-ink);
  --ds-color-text-inverse: var(--ds-color-base-white);
  --ds-color-text-action: var(--ds-color-base-warm-blue);
  --ds-color-text-disabled: var(--ds-color-base-gray-500);
  --ds-color-text-subtle: var(--ds-color-base-gray-600);
  --ds-color-text-positive: var(--ds-color-base-dark-green);
  --ds-color-action-primary: var(--ds-color-base-ink);
  --ds-color-action-hover: var(--ds-color-base-warm-blue);
  --ds-color-action-focus-ring: var(--ds-color-base-focus-purple);
  --ds-color-surface-default: var(--ds-color-base-white);
  --ds-color-surface-subtle: var(--ds-color-base-neutral-100);
  --ds-color-surface-muted: var(--ds-color-base-neutral-200);
  --ds-color-surface-info: var(--ds-color-base-blue-300);
  --ds-color-surface-info-subtle: var(--ds-color-base-blue-200);
  --ds-color-surface-success: var(--ds-color-base-green-400);
  --ds-color-surface-warning: var(--ds-color-base-yellow-500);
  --ds-color-surface-danger: var(--ds-color-base-red-400);
  --ds-color-border-default: var(--ds-color-base-ink);
  --ds-color-border-subtle: var(--ds-color-base-neutral-200);
  --ds-color-border-divider: var(--ds-color-base-gray-200);
  --ds-color-border-hover: var(--ds-color-base-warm-blue);
  --ds-color-border-disabled: var(--ds-color-base-gray-300);
  --ds-color-border-info: var(--ds-color-base-blue-1000);
  --ds-color-border-success: var(--ds-color-base-green-1000);
  --ds-color-border-warning: var(--ds-color-base-yellow-1000);
  --ds-color-border-danger: var(--ds-color-base-red-1000);
  --ds-color-tag-default: var(--ds-color-base-blue-300);
  --ds-color-tag-blue-light: var(--ds-color-base-blue-200);
  --ds-color-tag-yellow: var(--ds-color-base-yellow-500);
  --ds-color-tag-green: var(--ds-color-base-light-green);
  --ds-color-tag-red: var(--ds-color-base-red-600);
  --ds-color-tag-beige: var(--ds-color-base-beige);
  --ds-color-tag-gray: var(--ds-color-base-neutral-100);
  --ds-color-accent-highlight: var(--ds-color-base-focus-purple);

  /* spec/tokens/size.json */
  --ds-size-spacing-0: 0rem;
  --ds-size-spacing-2: 0.125rem;
  --ds-size-spacing-4: 0.25rem;
  --ds-size-spacing-6: 0.375rem;
  --ds-size-spacing-8: 0.5rem;
  --ds-size-spacing-12: 0.75rem;
  --ds-size-spacing-16: 1rem;
  --ds-size-spacing-24: 1.5rem;
  --ds-size-spacing-32: 2rem;
  --ds-size-spacing-40: 2.5rem;
  --ds-size-border-none: 0rem;
  --ds-size-border-thin: 1px;
  --ds-size-border-thick: 2px;
  --ds-size-border-accent: 0.25rem;
  --ds-size-radius-none: 0rem;
  --ds-size-radius-sm: 0.375rem;
  --ds-size-radius-md: 0.5rem;
  --ds-size-radius-pill: 999rem;
  --ds-size-control-sm: 2.625rem;
  --ds-size-control-md: 3rem;
  --ds-size-focus-ring: 4px;
  --ds-size-focus-ring-thin: 2px;
  --ds-size-width-full: 100%;
  --ds-size-width-field: 31rem;
  --ds-size-width-panel: 26rem;
  --ds-size-width-checkbox: 1.5rem;
  --ds-size-width-dot: 0.5rem;
  --ds-size-width-card-basis: 13rem;
  --ds-layout-grow: 1;

  /* spec/tokens/typography.json */
  --ds-font-family-sans: "Oslo Sans", arial, sans-serif;
  --ds-font-weight-light: 300;
  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 500;
  --ds-font-weight-bold: 700;
  --ds-font-size-12: 0.75rem;
  --ds-font-size-14: 0.875rem;
  --ds-font-size-16: 1rem;
  --ds-font-size-18: 1.125rem;
  --ds-font-size-22: 1.375rem;
  --ds-font-size-24: 1.5rem;
  --ds-font-size-36: 2.25rem;
  --ds-font-line-20: 1.25rem;
  --ds-font-line-22: 1.375rem;
  --ds-font-line-24: 1.5rem;
  --ds-font-line-28: 1.75rem;
  --ds-font-line-30: 1.875rem;
  --ds-font-line-34: 2.125rem;
  --ds-font-line-54: 3.375rem;
  --ds-font-letter-spacing-tight: -0.2px;
  --ds-font-letter-spacing-wide: 0.05em;
}