/* Copyright 2021 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

/* #css_wrapper_metadata_start
 * #type=vars
 * #css_wrapper_metadata_end */

    /* Please check whether multidevice_setup/ui_page.html needs to be */
    /* updated when below css vars are changed. */
    html {
      --oobe-adaptive-dialog-buttons-horizontal-padding: clamp(20px,
        calc(var(--oobe-adaptive-dialog-width) * 0.035), 40px);
      --oobe-adaptive-dialog-buttons-vertical-padding: clamp(20px,
        calc(var(--oobe-adaptive-dialog-height) * 0.035), 40px);
      --oobe-adaptive-dialog-back-button-vertical-padding:
        var(--oobe-adaptive-dialog-buttons-vertical-padding);
      /* 16px is a distance from border of button to icon. Once oobe-dialog is
          deleted this could be calculated from button vars. */
      --oobe-adaptive-dialog-back-button-horizontal-padding:
        calc(var(--oobe-adaptive-dialog-buttons-horizontal-padding) - 16px);
      --oobe-adaptive-dialog-item-vertical-padding: 24px;
      --oobe-adaptive-dialog-content-padding: 40px;
      /* TODO(b/268463435) Remove during Jelly cleanup */
      --oobe-adaptive-dialog-header-top-padding:
            var(--oobe-adaptive-dialog-content-padding);
      /* TODO(b/268463435) Remove during Jelly cleanup */
      --oobe-adaptive-dialog-title-top-padding: 40px;
      --oobe-adaptive-dialog-content-top-padding:
        var(--oobe-adaptive-dialog-content-padding);

      /* Fonts vars */
      --oobe-header-font-family: 'Google Sans', Roboto, sans-serif;

      --oobe-radio-card-label-font-size: 18px;
      --oobe-modal-dialog-header-font-size: 15px;

      --oobe-default-font-weight: 400; /* regular */
      --oobe-subheader-font-weight: 400; /* regular */
      --oobe-modal-dialog-header-font-weight: 500; /* medium */

      --oobe-header-text-color: var(--cros-text-color-primary);
      --oobe-subheader-text-color: var(--cros-text-color-secondary);
      --oobe-text-color: var(--cros-text-color-secondary);

      --oobe-radio-card-label-line-height: 24px;
      /* Fonts vars end */
    }

    html.jelly-enabled {
      --oobe-adaptive-dialog-header-top-padding: 0px;
    }