/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@import url("chrome://global/skin/design-tokens-shared.css");

@media not (prefers-contrast) {
  :root {
    /* Border */
    --border-interactive-color: color-mix(in srgb, currentColor 15%, var(--color-gray-60));

    /* Button */
    --button-background-color: var(--button-bgcolor);
    --button-background-color-hover: var(--button-hover-bgcolor);
    --button-background-color-active: var(--button-active-bgcolor);

    /* Color */
    --color-accent-primary: var(--system-color-accent);
    --color-accent-primary-hover: var(--system-color-accent-hover);
    --color-accent-primary-active: var(--system-color-accent-active);
    --system-color-accent: var(--button-primary-bgcolor, AccentColor);
    --system-color-accent-hover: var(--button-primary-hover-bgcolor);
    --system-color-accent-active: var(--button-primary-active-bgcolor);
    --color-canvas: Canvas;
  }
}