assets:
  scope: apicil
  color: rgba(227, 5, 19, 1)

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

color:
  transparent: 255, 255, 255
  dark: 0, 0, 0
  light: 255, 255, 255
  assertive-500: 227, 5, 19
  balanced-500: 227, 5, 19
  energized-500: 247, 167, 17
  positive-500: 0, 139, 147
  brave-500: 227, 5, 19
  royal-500: 0, 139, 147
  stable-100: 255, 255, 255
  stable-300: 241, 242, 244
  stable-500: 230, 234, 236
  stable-700: 192, 201, 207
  stable-800: 132, 146, 158
  stable-900: 43, 43, 43

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

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

content:
  color: rgba(var(--color-stable-900), 1)
  intro-font-weight: 400

wrapper:
  card-transparentBackground-border: 1px solid rgba(var(--color-positive-500), 0.05)

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

modal:
  padding: var(--spacing-xl) var(--spacing-xxl) var(--spacing-l) var(--spacing-xxl)
  border-bottom: none
  splitheading-positive-color: rgba(var(--color-positive-500), 1)

textarea:
  border: 1px solid rgba(var(--color-stable-500), 1)

footer:
  color: rgb(174, 15, 9)
  background-color: rgba(174, 15, 9, 1)

content-strong:
  font-weight: 500

pdf:
  footer-divider: rgba(var(--color-assertive-500), 1)
  title-color: rgba(var(--color-assertive-500), 1)

vp-widget:
  bullet-bg-color-default: var(--color-stable-300)
  bullet-color: var(--color-brave-500)
  stepper-active-circle: var(--color-brave-500)

vp-admin:
  color-stable-700: rgba(225, 225, 225, 1)
  client-result-card-icon-positive-outcome: rgba(var(--color-positive-500), 1)

button:
  title-font-weight: 500

email:
  button-border-color: rgb(227, 5, 19)
  button-text-color: rgb(227, 5, 19)
  button-background-color: transparent

heading:
  color: rgba(174, 15, 9, 1)

snackbar:
  icon-svg-color: rgba(var(--color-light), 1))