:root{
  --yp-primary: #825E44;
  --yp-primary-light: #E6DFDA;
  --yp-primary-dark: #684B36;
  --yp-primary-on: #FFFFFF;
  --yp-primary-light-on: #000000;
  --yp-primary-dark-on: #FFFFFF;
  --yp-secondary: #F5EEE4;
  --yp-secondary-light: #FDFCFB;
  --yp-secondary-dark: #C4BEB6;
  --yp-secondary-on: #000000;
  --yp-secondary-light-on: #000000;
  --yp-secondary-dark-on: #000000;
  --yp-accent: #4a90e2;
  --yp-accent-dark: #1e4f86;
  --yp-accent-light: #e0f3ff;
  --yp-accent-on: #e7fbff;
  --yp-accent-dark-on: #e7fbff;
  --yp-accent-light-on: #1e4f86;
  --yp-background: #ffffff;
  --yp-background-dark: #f5f5f5;
  --yp-background-light: #fafafa;
  --yp-background-on: #212529;
  --yp-background-dark-on: #212529;
  --yp-background-light-on: #212529;
  --yp-surface: #fafafa;
  --yp-surface-dark: #212529;
  --yp-surface-light: #fefef8;
  --yp-surface-on: #212529;
  --yp-surface-dark-on: #fefef8;
  --yp-surface-light-on: #212529;
  --yp-muted-dark: #a9a9a9;
  --yp-muted-light: #e2e2e2;
  --yp-success: #59c543;
  --yp-error: #e74c3c;
  --yp-warning: #f5a623;
  --yp-notification: #50e3c2;
  --yp-notification-on: #ffffff;
}