assets:
  scope: lmdp
  color: '#133E5E'

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

color:
  transparent: 255, 255, 255
  dark: 33, 33, 33
  light: 255, 255, 255
  assertive: 254, 77, 84
  balanced: 4, 114, 187
  energized: 241, 148, 28
  positive: 108, 192, 35
  brave-500: 4, 114, 187
  royal: 108, 192, 37
  stable-100: 248, 248, 248
  stable-300: 243, 243, 243
  stable-500: 236, 236, 236
  stable-700: 216, 216, 216
  stable-900: 117, 117, 117

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

steps:
  link-border: 2px solid rgba(216, 221, 226, 1)
  padding: var(--spacing-m) 0

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

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

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

wrapper:
  card-border: 1px solid rgba(var(--color-stable-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)

modal:
  heading-border-bottom: 1px solid rgba(var(--color-stable-500), 1)

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: 60px;

dragAndDrop:
  underline-color: rgba(var(--color-brave-500), 1)

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

badge:
  color: rgba(var(--color-assertive), 1)

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

pdf:
  footer-divider: '#0075bf'
  title-color: '#0075bf'
  image-max-height: 60px

email:
  logo-width: 104
  button-background-color: rgb(108, 192, 35)
  button-border-color: rgb(108, 192, 35)
  button-text-color: rgb(255, 255, 255)

footer:
  background-color: rgba(117, 117, 117, 1)