/* Copyright 2022 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
 * #import=chrome://resources/cr_elements/cr_shared_vars.css.js
 * #css_wrapper_metadata_end */

html {
  --print-preview-row-height: 38px;
  --print-preview-sidebar-width: 384px;
  --print-preview-title-width: 120px;
  --print-preview-sidebar-margin: 24px;
  /* Controls width = total width - title width - start/middle/end margin */
  --print-preview-dropdown-width: calc(var(--print-preview-sidebar-width)
      - var(--print-preview-title-width)
      - 3 * var(--print-preview-sidebar-margin));

  --print-preview-settings-border: 1px solid var(--google-grey-200);
  --print-preview-dialog-margin: 34px;
  --cr-form-field-label-height: initial;
  --cr-form-field-label-line-height: .75rem;
  --destination-item-height: 32px;
  --preview-area-background-color: var(--google-grey-300);
  --iron-icon-fill-color: var(--google-grey-700);
  --iron-icon-height: var(--cr-icon-size);
  --iron-icon-width: var(--cr-icon-size);
  --search-icon-size: 32px;
  --throbber-size: 16px;
}

@media (prefers-color-scheme: dark) {
  html {
    --preview-area-background-color: var(--google-grey-700);
    --print-preview-settings-border: var(--cr-separator-line);
    --iron-icon-fill-color: var(--google-grey-500);
  }
}