/*
 * MIT License
 *
 * Copyright (c) 2020-present Cloudogu GmbH and Contributors
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */

@import "utils/_pre.scss";

/* Base */
$warning-invert: #88550d;

$border: $grey-lighter;
$border-width: 1px;

$secondary-least: $white;
$secondary-less: $white-ter;
$secondary: $grey-light;
$secondary-more: $grey-darker;
$secondary-most: $black;

/* Layout */
$footer-background-color: $white-ter;

/* Elements */
$button-disabled-opacity: 0.25;

$subtitle-color: #666;

/* Components */
$menu-label-color: $white;
$menu-item-color: #333;

/* Extensions */
$popover-background-color: $grey-light;

@import "utils/_post.scss";

:root {
  --scm-secondary-background: #{$white};
  --scm-secondary-text: #{$black};
  --scm-hover-color: #{$black-ter};
  --scm-column-selection: #{$link-25};
  --scm-sh-focus-line-background: hsl(0, 0%, 95%);
  --scm-sh-focus-line-contrast: hsl(0, 0%, 70%);

  --sh-base-color: #363636;
  --sh-font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  --sh-block-background: #ffffff;
  --sh-inline-code-color: #ff3860;
  --sh-inline-code-background: #fbe7eb;
  --sh-comment-color: #9a9a9a;
  --sh-punctuation-color: #9a9a9a;
  --sh-property-color: #2c99c7;
  --sh-selector-color: #005f9a;
  --sh-operator-color: #686868;
  --sh-operator-bg: inherit;
  --sh-variable-color: #a74eb2;
  --sh-function-color: #ff3860;
  --sh-keyword-color: #00a984;
  --sh-selected-color: #{$warning-25};
  --sh-highlight-background: #f5f5f5;
  --sh-highlight-accent: #99d8f3;
}

.button {
  &.is-primary,
  &.is-info,
  &.is-link,
  &.is-success,
  &.is-warning,
  &.is-danger {
    &.is-outlined {
      background-color: $white;
    }
  }
}

footer.footer {
  a {
    color: darken($info, 15%);
  }
}

.popover:before {
  border-bottom-color: white;
  border-left-color: white;
  box-shadow: -1px 1px 2px rgba(10, 10, 10, 0.2);
}

.has-hover-visible:hover {
  color: $grey-darker !important;
}
