moz-promo.tokens.css

Enable keyboard shortcuts

/* 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/. */

/* DO NOT EDIT this file directly, instead modify the relevant *.tokens.json file

 * and run `mach buildtokens` to see your changes. */

@layer acorn.tokens {

  :host {

    --promo-background-color: var(--background-color-box-info);

    --promo-background-color-vibrant: light-dark(var(--color-violet-desaturated-10), var(--color-violet-desaturated-70));

    --promo-border: var(--promo-border-width) solid var(--promo-border-color);

    --promo-border-color: color-mix(in lch, currentColor 12%, transparent);

    --promo-border-color-vibrant: var(--promo-border-color);

    --promo-border-radius: var(--border-radius-medium);

    --promo-border-width: var(--border-width);

    --promo-heading-text-color: var(--promo-message-text-color);

    --promo-heading-text-color-vibrant: var(--promo-message-text-color);

    --promo-image-size: var(--size-image-xlarge);

    --promo-image-size-large: calc(2 * var(--size-image-xlarge));

    --promo-message-text-color: var(--text-color);

    --promo-message-text-color-vibrant: light-dark(var(--color-violet-80), var(--color-violet-0));

    --promo-padding: var(--space-medium);

  @media (prefers-contrast) {

    :host {

      --promo-background-color: var(--background-color-canvas);

      --promo-border-color: var(--border-color);

  @media (forced-colors: active) {

    :host {

      --promo-background-color-vibrant: Canvas;

      --promo-border-color: CanvasText;