:root {
  /* Content */
  --site-content-horizontal-padding: var(--mp-space-50);
  --site-content-max-width: calc(1520px + 2 * var(--site-content-horizontal-padding));
  --site-content-top-padding: var(--mp-space-70);

  /* Header */
  --site-header-vertical-padding: var(--mp-space-50);
  --site-header-text-color: #e6e6e6;
  --site-header-background-color: #1d1d1f;

  /* Hero */
  --site-hero-content-top-margin: var(--mp-space-60);

  /* Search bar */
  --site-search-bar-width: 992px;
  --site-search-bar-border-color: var(--mp-color-secondary-default);
  --site-search-bar-button-color: var(--mp-color-secondary-default);
  --site-search-bar-button-hover-color: var(--mp-color-secondary-dark);

  /* Right Sidebar */
  --site-right-sidebar-avatar-background: var(--mp-color-grey-white);

  /* Application form width */
  --site-application-form-max-width: 736px;

  /* Job card - todo - remove */
  --site-job-card-organization-name-color: inherit;

  @media only screen and (min-width: 672px) {
    /* Content */
    --site-content-horizontal-padding: var(--mp-space-70);
    --site-content-top-padding: var(--mp-space-90);

    /* Header */
    --site-header-vertical-padding: var(--mp-space-60);

    /* Hero */
    --site-hero-content-top-margin: var(--mp-space-90);
  }
}

[data-theme='dark'] {
  /* Right Sidebar */
  --site-right-sidebar-avatar-background: var(--mp-color-surface-20);
}