import '//resources/cr_elements/cr_shared_vars.css.js';
const sheet = new CSSStyleSheet();
sheet.replaceSync(`
html {
  /* Colors: */
  --annotation-background-color: var(--google-green-50);
  --annotation-text-color: var(--google-green-600);
  --border-color: var(--google-grey-300);
  --entity-image-background-color: var(--google-grey-50);
  --icon-color: var(--google-grey-600);
  --url-color: var(--google-blue-600);

  /* Sizes: */
  --card-max-width: 960px;
  --card-min-width: 550px;
  --card-padding-between: 16px;
  --card-padding-side: 24px;
  --first-card-padding-top: 24px;
  --cluster-max-width: var(--card-max-width);
  --cluster-min-width: var(--card-min-width);
  --cluster-padding-horizontal: var(--card-padding-side);
  --cluster-padding-vertical: var(--card-padding-between);
  --favicon-margin: 16px;
  --favicon-size: 16px;
  --first-cluster-padding-top: var(--first-card-padding-top);
  --pill-height: 34px;
  --pill-padding-icon: 12px;
  --pill-padding-text: 16px;
  --top-visit-favicon-size: 24px;
}

@media (prefers-color-scheme: dark) {
html {
  --annotation-background-color: var(--google-green-300);
  --annotation-text-color: var(--google-grey-900);
  --border-color: var(--google-grey-700);
  --entity-image-background-color: var(--google-grey-800);
  --icon-color: white;
  --url-color: var(--google-blue-300);
}
}`);
document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
