:root {
  --primary-surface-color: #ffffff;
  --primary-border-color: #c5c5c5;
  --primary-outline-color: #444;
  --primary-text-color: #000000;
  --primary-link-color: #0d63d3;
  --primary-link-hover-color: #85b9fc;
  --primary-danger-color: #cf000f;
  --primary-safe-color: #1e824c;
  --secondary-danger-color: #970707;

  --secondary-surface-color: #eaeaea;
  --secondary-border-color: #aaaaaa;
  --secondary-text-color: #777777;
  --secondary-text-onsurface-color: var(--primary-text-color);

  --changed-surface-color: #fdfb8e;
  --success-surface-color: #9ee7a8;

  --ad-surface-color: #b1d7f7;
  --ad-text-color: #214357;
  --ad-link-color: #195179;

  --search-surface-color: #f5f5f5;
  --search-surface-hover-color: #ffffec;
  --search-surface-content-color: gold;

  --button-primary-surface-color: #1b98f1;
  --button-primary-text-color: #ffffff;
  --button-danger-surface-color: #f800002b;

  --notification-surface-color: rgba(0, 0, 0, 0.8);
  --notification-text-color: #fafafa;
  --notification-dismiss-color: #656565;
  --notification-dismiss-hover-parent-color: #aaa;
  --notification-dismiss-hover-color: var(--notification-text-color);

  --menu-surface-color: var(--primary-surface-color);
  --menu-surface-hover-color: var(--secondary-surface-color);
  --menu-border-color: var(--primary-border-color);
  
  --switch-surface-handle-color: var(--primary-surface-color);
  --switch-surface-on-color: #2196F3;
  --switch-surface-neutral-color: var(--primary-border-color);

  --notice-danger-surface-color: #f8000011;
}