assets:
  scope: matmut
  color: rgba(19, 62, 94, 1)

animation:
  smooth-ease: cubic-bezier(0.7, 0, 0.3, 1)

color:
  transparent: 255, 255, 255
  dark: 0, 0, 60
  light: 255, 255, 255
  assertive-500: 200, 20, 75
  balanced-500: 0, 0, 105
  energized-500: 231, 109, 0
  positive-500: 0, 165, 150
  brave-500: 106, 45, 193
  royal-500: 0, 165, 150
  stable-100: 243, 247, 249
  stable-300: 244, 244, 248
  stable-500: 232, 232, 240
  stable-700: 212, 212, 227
  stable-800: 117, 117, 117
  stable-900: 86, 86, 113

font:
  stack: Roboto
  stack-alt: Montserrat
  stack-handwriting: cursive
  size-xxxl: 42px
  size-xxl: 27px
  size-xl: 22px
  size-l: 20px
  size-m: 18px
  size-s: 16px
  size-xs: 15px
  size-xxs: 14px
  size-xxxs: 12px

radius:
  xs: 3px
  s: 5px
  m: 10px
  l: 60px
  xl: 75px

spacing:
  xxxs: 2px
  xxs: 5px
  xs: 10px
  s: 12px
  m: 15px
  l: 20px
  xl: 30px
  xxl: 40px
  xxxl: 50px

shadow:
  s: 0px 1px 0px rgba(0, 0, 0, 0.05)
  m: 0px 1px 3px rgba(0, 0, 0, 0.05)
  l: 0px 3px 6px rgba(0, 0, 0, 0.05)

grid:
  max-width: 1140px

button:
  title-font-weight: 500
  border-radius: var(--radius-s);

steps:
  link-border: 2px solid rgba(var(--color-stable-700), 1)
  padding: var(--spacing-m) 0
  link-active-color: rgba(var(--color-balanced-500), 1)
  link-active-title-color: rgba(var(--color-balanced-500), 1)
  link-active-border-color: rgba(var(--color-balanced-500), 1)

content:
  intro-font-weight: 400
  button-font-weight: 500

heading:
  h6-font-weight-medium: 600
  color: rgba(0, 0, 105, 1)

list:
  color-marker: rgba(var(--color-royal-500), 1)

table:
  tr-even-background-color: rgba(var(--color-light), 1)
  td-padding-medium: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-xl)
  border-th-padding-medium: var(--spacing-s) var(--spacing-xl)

textarea:
  border-right: 1px solid rgba(var(--color-stable-500), 1)
  border-bottom: 1px solid rgba(var(--color-stable-500), 1)
  border-left: 1px solid rgba(var(--color-stable-500), 1)
  border-top: 1px solid rgba(var(--color-stable-500), 1)

option:
  background-color: rgba(var(--color-light), 1)

content-strong:
  font-weight: 500

message:
  background: currentColor

download:
  padding: var(--spacing-m) var(--spacing-l);

header:
  sidelogo-display: flex
  logo-link-img-max-height: 32px;

progressBar:
  uppy-ProgressBar-inner-background-color: rgba(var(--color-royal-500), 1)

avatar:
  color: rgba(var(--color-stable-700), 1)

pdf:
  footer-divider: rgb(106, 45, 193)
  title-color: rgb(106, 45, 193)
  image-max-height: 60px

email:
  logo-width: 104

vp:
  widget-questionnaire-primary-button-radius: var(--radius-s)

email:
  button-background-color: rgb(106, 45, 193)
  button-border-color: rgb(106, 45, 193)
  button-text-color: rgb(255, 255, 255)

footer:
  background-color: rgba(0, 0, 105, 1)