assets:
  scope: malakoff
  color: '#007AFF'

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

color:
  transparent: 255, 255, 255
  dark: 34, 34, 34
  light: 255, 255, 255
  assertive: 255, 75, 51
  positive: 0, 99, 116
  balanced: 96, 219, 0
  energized: 90, 213, 217
  royal-500: 109, 76, 167
  stable-100: 246, 248, 249
  stable-300: 246, 246, 246
  stable-500: 225, 225, 225
  stable-700: 117, 117, 117
  stable-800: 117, 117, 117
  stable-900: 122, 135, 144

font:
  stack: Publica Sans, sans-serif
  stack-alt: Publica Sans, sans-serif
  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

image:
  border-radius: 0

button:
  s-rounded-padding: 8px
  spacing-m: var(--spacing-m) var(--spacing-xl)
  background-color: rgba(var(--color-assertive), 1)
  border: none
  border-radius: 36px
  l-padding: var(--spacing-s) var(--spacing-xxl)

simple:
  border-top: none
  border-right: none
  border-bottom: solid 1px rgba(var(--color-dark), 1)
  border-left: none

banner:
  background-color: rgba(var(--color-energized), 1)

header:
  userButton-color: rgba(var(--color-assertive), 1)

avatar:
  logo-background-color: rgba(var(--color-assertive), 0.15)

footer:
  background-color: rgba(var(--color-stable-700), 1)

steps:
  link-active-color: rgba(var(--color-assertive))
  link-active-title-color: rgba(var(--color-dark))
  link-active-border-color: rgba(var(--color-assertive)) 

vp-widget:
  radio-checked-background-color: rgba(var(--color-assertive), 1)
  checkbox-checked-border-right: 2px solid rgba(var(--color-assertive), 1)
  checkbox-checked-border-bottom: 2px solid rgba(var(--color-assertive), 1)
  option-border-color: rgba(var(--color-dark), 1) 
  bullet-color: var(--color-assertive)
  questionnaire-primary-button-background-color: rgba(var(--color-assertive), 1)
  questionnaire-primary-button-hover-background-color: rgba(var(--color-assertive), 1)
  questionnaire-primary-button-radius: 36px
  questionnaire-primary-button-border: none
  wrapper-primary-button-background-color: rgba(var(--color-assertive), 1)
  wrapper-primary-button-hover-background-color: rgba(var(--color-assertive), 1)
  wrapper-primary-button-radius: 36px
  wrapper-primary-button-border: none