:root{
  --yp-primary: #ef9f00;
  --yp-primary-light: #c4aeb0;
  --yp-primary-dark: #780008;
  --yp-primary-on: #ffffff;
  --yp-primary-light-on: #0f0001;
  --yp-primary-dark-on: #0f0001;
  --yp-secondary: #8c0000;
  --yp-secondary-light: #F6D19F;
  --yp-secondary-dark: #BA6F00;
  --yp-secondary-on: #FFFFFF;
  --yp-secondary-light-on: #1C1200;
  --yp-secondary-dark-on: #FFFFFF;
  --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: #8c0000;
  --yp-background-dark-on: #8c0000;
  --yp-background-light-on: #8c0000;
  --yp-surface: #fafafa;
  --yp-surface-dark: #8c0000;
  --yp-surface-light: #fefef8;
  --yp-surface-on: #8c0000;
  --yp-surface-dark-on: #fefef8;
  --yp-surface-light-on: #8c0000;
  --yp-muted-dark: #ababab;
  --yp-muted-light: #fafafa;
  --yp-success: #59c543;
  --yp-error: #e74c3c;
  --yp-warning: #f5a623;
  --yp-notification: #50e3c2;
  --yp-notification-on: #ffffff;
}