assets:
  scope: apicil
  color: '#FF7C6D'

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

color:
  transparent: 255, 255, 255
  dark: 27, 27, 27
  light: 255, 255, 255
  assertive-500: 227, 5, 19
  balanced-500: 64, 64, 64
  energized-500: 245, 166, 35
  positive-500: 178, 202, 84
  brave-500: 64, 64, 64
  royal-500: 227, 5, 19
  stable-100: 250, 250, 250
  stable-300: 245, 245, 245
  stable-500: 237, 237, 237
  stable-700: 225, 225, 225
  stable-900: 135, 135, 135

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(216, 221, 226, 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:
  background-color: rgba(135, 135, 135, 1)

content-strong:
  font-weight: 500

pdf:
  footer-divider: '#e50000'
  title-color: '#e50000'

vp-widget:
  bullet-bg-color-default: var(--color-stable-300)

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(27, 27, 27, 1)