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

export const tokensTable = {
  "background-color": [
    {
      value: {
        light: "var(--color-white)",
        dark: "var(--color-gray-80)",
        prefersContrast: "var(--background-color-canvas)",
        default: "light-dark(var(--color-white), var(--color-gray-80))",
      },
      name: "--background-color-box",
    },
    {
      value: {
        prefersContrast: "var(--background-color-canvas)",
        brand: {
          light: "var(--color-gray-20)",
          dark: "var(--color-gray-80)",
          default: "light-dark(var(--color-gray-20), var(--color-gray-80))",
        },
        platform: {
          default: "color-mix(in srgb, currentColor 6%, transparent)",
        },
      },
      name: "--background-color-box-info",
    },
    {
      value: {
        prefersContrast: "Canvas",
        brand: {
          light: "var(--color-white)",
          dark: "var(--color-gray-90)",
          default: "light-dark(var(--color-white), var(--color-gray-90))",
        },
        platform: { default: "Canvas" },
      },
      name: "--background-color-canvas",
    },
    {
      value: {
        light: "var(--color-red-0)",
        dark: "var(--color-red-90)",
        prefersContrast: "var(--background-color-canvas)",
        default: "light-dark(var(--color-red-0), var(--color-red-90))",
      },
      name: "--background-color-critical",
    },
    {
      value: {
        light: "var(--color-blue-0)",
        dark: "var(--color-blue-90)",
        prefersContrast: "var(--background-color-canvas)",
        default: "light-dark(var(--color-blue-0), var(--color-blue-90))",
      },
      name: "--background-color-information",
    },
    {
      value: {
        light: "var(--color-green-0)",
        dark: "var(--color-green-90)",
        prefersContrast: "var(--background-color-canvas)",
        default: "light-dark(var(--color-green-0), var(--color-green-90))",
      },
      name: "--background-color-success",
    },
    {
      value: {
        light: "var(--color-yellow-0)",
        dark: "var(--color-yellow-90)",
        prefersContrast: "var(--background-color-canvas)",
        default: "light-dark(var(--color-yellow-0), var(--color-yellow-90))",
      },
      name: "--background-color-warning",
    },
    {
      value: "var(--color-black-alpha-50)",
      name: "--background-color-overlay",
    },
    {
      value: {
        brand: {
          default:
            "color-mix(in srgb, var(--color-accent-primary) 20%, transparent)",
        },
        platform: {
          default: "color-mix(in srgb, currentColor 20%, transparent)",
        },
        prefersContrast: "SelectedItem",
      },
      name: "--background-color-list-item-hover",
    },
    {
      value: {
        light: "color-mix(in srgb, currentColor 12%, transparent)",
        dark: "color-mix(in srgb, currentColor 17%, transparent)",
        nativeTheme: "color-mix(in srgb, currentColor 17%, transparent)",
        platform: {
          default: "color-mix(in srgb, currentColor 17%, transparent)",
          browserTheme: {
            light: "color-mix(in srgb, currentColor 12%, transparent)",
            dark: "color-mix(in srgb, currentColor 17%, transparent)",
            default:
              "light-dark(color-mix(in srgb, currentColor 12%, transparent), color-mix(in srgb, currentColor 17%, transparent))",
          },
        },
        default:
          "light-dark(color-mix(in srgb, currentColor 12%, transparent), color-mix(in srgb, currentColor 17%, transparent))",
      },
      name: "--background-color-dimmed",
    },
    {
      value: {
        light: "color-mix(in srgb, currentColor 20%, transparent)",
        dark: "color-mix(in srgb, currentColor 14%, transparent)",
        nativeTheme: "color-mix(in srgb, currentColor 30%, transparent)",
        platform: {
          default: "color-mix(in srgb, currentColor 30%, transparent)",
          browserTheme: {
            light: "color-mix(in srgb, currentColor 20%, transparent)",
            dark: "color-mix(in srgb, currentColor 14%, transparent)",
            default:
              "light-dark(color-mix(in srgb, currentColor 20%, transparent), color-mix(in srgb, currentColor 14%, transparent))",
          },
        },
        default:
          "light-dark(color-mix(in srgb, currentColor 20%, transparent), color-mix(in srgb, currentColor 14%, transparent))",
      },
      name: "--background-color-dimmed-further",
    },
    {
      value: {
        forcedColors: "ButtonFace",
        brand: { default: "color-mix(in srgb, currentColor 7%, transparent)" },
        nativeTheme: "color-mix(in srgb, currentColor 13%, transparent)",
        platform: {
          default: "color-mix(in srgb, currentColor 13%, transparent)",
          browserTheme: {
            light: "rgba(207, 207, 216, 0.33)",
            dark: "rgba(0, 0, 0, 0.33)",
            default:
              "light-dark(rgba(207, 207, 216, 0.33), rgba(0, 0, 0, 0.33))",
          },
        },
      },
      name: "--button-background-color",
    },
    {
      value: {
        forcedColors: "SelectedItemText",
        brand: { default: "color-mix(in srgb, currentColor 14%, transparent)" },
        nativeTheme: "color-mix(in srgb, currentColor 17%, transparent)",
        platform: {
          default: "color-mix(in srgb, currentColor 17%, transparent)",
          browserTheme: {
            light: "rgba(207, 207, 216, 0.66)",
            dark: "rgba(207, 207, 216, 0.2)",
            default:
              "light-dark(rgba(207, 207, 216, 0.66), rgba(207, 207, 216, 0.2))",
          },
        },
      },
      name: "--button-background-color-hover",
    },
    {
      value: {
        forcedColors: "SelectedItemText",
        brand: { default: "color-mix(in srgb, currentColor 21%, transparent)" },
        nativeTheme: "color-mix(in srgb, currentColor 30%, transparent)",
        platform: {
          default: "color-mix(in srgb, currentColor 30%, transparent)",
          browserTheme: {
            light: "rgb(207, 207, 216)",
            dark: "rgba(207, 207, 216, 0.4)",
            default: "light-dark(rgb(207, 207, 216), rgba(207, 207, 216, 0.4))",
          },
        },
      },
      name: "--button-background-color-active",
    },
    {
      value: {
        default: "var(--button-background-color)",
        forcedColors: "ButtonFace",
      },
      name: "--button-background-color-disabled",
    },
    {
      value: "var(--color-accent-primary)",
      name: "--button-background-color-primary",
    },
    {
      value: "var(--color-accent-primary-hover)",
      name: "--button-background-color-primary-hover",
    },
    {
      value: "var(--color-accent-primary-active)",
      name: "--button-background-color-primary-active",
    },
    {
      value: {
        default: "var(--button-background-color-primary)",
        forcedColors: "var(--button-text-color-disabled)",
      },
      name: "--button-background-color-primary-disabled",
    },
    {
      value: "var(--button-background-color-primary-active)",
      name: "--button-background-color-primary-selected",
    },
    {
      value: {
        light: "var(--color-red-60)",
        dark: "var(--color-red-30)",
        forcedColors: "var(--button-background-color-primary)",
        default: "light-dark(var(--color-red-60), var(--color-red-30))",
      },
      name: "--button-background-color-destructive",
    },
    {
      value: {
        light: "var(--color-red-80)",
        dark: "var(--color-red-10)",
        forcedColors: "var(--button-background-color-primary-active)",
        default: "light-dark(var(--color-red-80), var(--color-red-10))",
      },
      name: "--button-background-color-destructive-active",
    },
    {
      value: {
        default: "var(--button-background-color-destructive)",
        forcedColors: "var(--button-background-color-primary-disabled)",
      },
      name: "--button-background-color-destructive-disabled",
    },
    {
      value: {
        light: "var(--color-red-70)",
        dark: "var(--color-red-20)",
        forcedColors: "var(--button-background-color-primary-hover)",
        default: "light-dark(var(--color-red-70), var(--color-red-20))",
      },
      name: "--button-background-color-destructive-hover",
    },
    {
      value: "var(--button-background-color-destructive-active)",
      name: "--button-background-color-destructive-selected",
    },
    {
      value: {
        default: "transparent",
        forcedColors: "ButtonFace",
        brand: { forcedColors: "ButtonFace" },
        nativeTheme: "transparent",
        platform: { default: "transparent", browserTheme: {} },
      },
      name: "--button-background-color-ghost",
    },
    {
      value: "var(--button-background-color-active)",
      name: "--button-background-color-ghost-active",
    },
    {
      value: {
        default: "var(--button-background-color-ghost)",
        brand: { forcedColors: "var(--button-background-color-disabled)" },
      },
      name: "--button-background-color-ghost-disabled",
    },
    {
      value: "var(--button-background-color-hover)",
      name: "--button-background-color-ghost-hover",
    },
    {
      value: "var(--button-background-color-ghost-active)",
      name: "--button-background-color-ghost-selected",
    },
    {
      value: "var(--button-background-color)",
      name: "--button-background-color-muted",
    },
    {
      value: "var(--button-background-color-active)",
      name: "--button-background-color-muted-active",
    },
    {
      value: "var(--button-background-color-hover)",
      name: "--button-background-color-muted-hover",
    },
    {
      value: "var(--button-background-color-disabled)",
      name: "--button-background-color-muted-disabled",
    },
    {
      value: "var(--button-background-color-muted-active)",
      name: "--button-background-color-muted-selected",
    },
    {
      value: "var(--button-background-color-ghost)",
      name: "--button-background-color-menu",
    },
    {
      value: {
        default: "var(--button-background-color-ghost-active)",
        forcedColors: "var(--button-background-color-primary)",
      },
      name: "--button-background-color-menu-active",
    },
    {
      value: "var(--button-background-color-ghost-disabled)",
      name: "--button-background-color-menu-disabled",
    },
    {
      value: {
        default: "var(--button-background-color-ghost-hover)",
        forcedColors: "var(--button-background-color-primary)",
      },
      name: "--button-background-color-menu-hover",
    },
    {
      value: {
        default: "var(--button-background-color-ghost-selected)",
        forcedColors: "var(--button-background-color-primary-selected)",
      },
      name: "--button-background-color-menu-selected",
    },
    {
      value: "var(--button-background-color-active)",
      name: "--button-background-color-selected",
    },
    {
      value: {
        default: "transparent",
        brand: { forcedColors: "var(--button-background-color)" },
      },
      name: "--button-background-color-toolbar",
    },
    {
      value: "var(--toolbarbutton-background-color-active)",
      name: "--button-background-color-toolbar-active",
    },
    {
      value: {
        default: "var(--button-background-color-ghost)",
        brand: { forcedColors: "var(--button-background-color-disabled)" },
      },
      name: "--button-background-color-toolbar-disabled",
    },
    {
      value: "var(--toolbarbutton-background-color-hover)",
      name: "--button-background-color-toolbar-hover",
    },
    {
      value: "var(--button-background-color-ghost-active)",
      name: "--button-background-color-toolbar-selected",
    },
    {
      value: "var(--color-accent-attention)",
      name: "--button-badge-background-color",
    },
    { value: "transparent", name: "--button-split-separator-background-color" },
    { value: "var(--background-color-box)", name: "--card-background-color" },
    {
      value: {
        default: "initial",
        forcedColors: "var(--button-background-color)",
      },
      name: "--card-header-background-color",
    },
    {
      value: "var(--button-background-color-hover)",
      name: "--card-header-background-color-hover",
    },
    {
      value: "var(--button-background-color-active)",
      name: "--card-header-background-color-active",
    },
    {
      value: {
        nativeTheme: "Field",
        platform: {
          default: "Field",
          browserTheme: {
            light: "var(--color-white)",
            dark: "#42414d",
            default: "light-dark(var(--color-white), #42414d)",
          },
        },
      },
      name: "--input-text-background-color",
    },
    {
      value: "var(--button-background-color-disabled)",
      name: "--input-text-background-color-disabled",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "rgb(66, 65, 77)",
        nativeTheme: "Field",
        forcedColors: "Menu",
        platform: {
          default: "Field",
          browserTheme: {
            light: "var(--color-white)",
            dark: "rgb(66, 65, 77)",
            default: "light-dark(var(--color-white), rgb(66, 65, 77))",
          },
        },
        default: "light-dark(var(--color-white), rgb(66, 65, 77))",
      },
      name: "--panel-background-color",
    },
    {
      value: "var(--background-color-dimmed)",
      name: "--panel-background-color-dimmed",
    },
    {
      value: "var(--background-color-dimmed-further)",
      name: "--panel-background-color-dimmed-further",
    },
    { value: "var(--background-color-box)", name: "--popup-background-color" },
    {
      value: {
        light: "white",
        dark: "rgb(28, 27, 34)",
        nativeTheme: "-moz-sidebar",
        platform: {
          default: "-moz-sidebar",
          browserTheme: {
            light: "white",
            dark: "rgb(28, 27, 34)",
            default: "light-dark(white, rgb(28, 27, 34))",
          },
        },
        default: "light-dark(white, rgb(28, 27, 34))",
      },
      name: "--sidebar-background-color",
    },
    {
      value: { default: "var(--background-color-canvas)" },
      name: "--table-row-background-color",
    },
    {
      value: {
        forcedColors: "var(--background-color-canvas)",
        brand: {
          light: "#f0f0f4",
          dark: "var(--color-gray-80)",
          default: "light-dark(#f0f0f4, var(--color-gray-80))",
        },
        platform: {
          light: "rgba(0, 0, 0, 0.05)",
          dark: "rgba(255, 255, 255, 0.05)",
          default: "light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05))",
        },
      },
      name: "--table-row-background-color-alternate",
    },
    {
      value: {
        light: "rgba(0, 0, 0, 0.05)",
        dark: "var(--color-black-alpha-30)",
        nativeTheme:
          "light-dark(rgba(0, 0, 0, 0.05), var(--color-black-alpha-30))",
        prefersContrast: "Field",
        platform: {
          default:
            "light-dark(rgba(0, 0, 0, 0.05), var(--color-black-alpha-30))",
          browserTheme: {
            light: "rgba(0, 0, 0, 0.05)",
            dark: "var(--color-black-alpha-30)",
            default:
              "light-dark(rgba(0, 0, 0, 0.05), var(--color-black-alpha-30))",
          },
        },
        default: "light-dark(rgba(0, 0, 0, 0.05), var(--color-black-alpha-30))",
      },
      name: "--toolbar-field-background-color",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "rgb(66, 65, 77)",
        nativeTheme: "Field",
        platform: {
          default: "Field",
          browserTheme: {
            light: "var(--color-white)",
            dark: "rgb(66, 65, 77)",
            default: "light-dark(var(--color-white), rgb(66, 65, 77))",
          },
        },
        default: "light-dark(var(--color-white), rgb(66, 65, 77))",
      },
      name: "--toolbar-field-background-color-focus",
    },
    {
      value: {
        light: "#f9f9fb",
        dark: "rgb(43, 42, 51)",
        nativeTheme: "color-mix(in srgb, -moz-dialog 85%, var(--color-white))",
        platform: {
          default: "color-mix(in srgb, -moz-dialog 85%, var(--color-white))",
          browserTheme: {
            light: "#f9f9fb",
            dark: "rgb(43, 42, 51)",
            default: "light-dark(#f9f9fb, rgb(43, 42, 51))",
          },
        },
        default: "light-dark(#f9f9fb, rgb(43, 42, 51))",
      },
      name: "--toolbar-background-color",
    },
    {
      value: {
        light: "var(--color-red-60)",
        dark: "var(--color-red-40)",
        default: "light-dark(var(--color-red-60), var(--color-red-40))",
      },
      name: "--toolbarbutton-badge-background-color",
    },
    {
      value: "color-mix(in srgb, currentColor 17%, transparent)",
      name: "--toolbarbutton-background-color-hover",
    },
    {
      value: "color-mix(in srgb, currentColor 30%, transparent)",
      name: "--toolbarbutton-background-color-active",
    },
    {
      value: {
        light: "rgb(234, 234, 237)",
        dark: "var(--color-gray-90)",
        nativeTheme: "-moz-headerbar",
        platform: {
          default: "-moz-headerbar",
          browserTheme: {
            light: "rgb(234, 234, 237)",
            dark: "var(--color-gray-90)",
            default: "light-dark(rgb(234, 234, 237), var(--color-gray-90))",
          },
        },
        default: "light-dark(rgb(234, 234, 237), var(--color-gray-90))",
      },
      name: "--toolbox-background-color",
    },
    {
      value: {
        default: "var(--toolbox-background-color)",
        nativeTheme: "-moz-headerbarinactive",
        platform: {
          default: "-moz-headerbarinactive",
          browserTheme: { default: "var(--toolbox-background-color)" },
        },
      },
      name: "--toolbox-background-color-inactive",
    },
    {
      value: { default: "transparent", forcedColors: "Canvas" },
      name: "--badge-background-color",
    },
    {
      value: {
        light: "var(--color-green-70)",
        dark: "var(--color-green-40)",
        forcedColors: "AccentColor",
        default: "light-dark(var(--color-green-70), var(--color-green-40))",
      },
      name: "--badge-background-color-filled",
    },
    {
      value: "var(--button-background-color-ghost)",
      name: "--input-color-background-color",
    },
    {
      value: "var(--button-background-color-ghost-active)",
      name: "--input-color-background-color-active",
    },
    {
      value: "var(--button-background-color-ghost-hover)",
      name: "--input-color-background-color-hover",
    },
    {
      value: "var(--background-color-information)",
      name: "--message-bar-background-color",
    },
    {
      value: "var(--background-color-warning)",
      name: "--message-bar-background-color-warning",
    },
    {
      value: "var(--background-color-success)",
      name: "--message-bar-background-color-success",
    },
    {
      value: "var(--background-color-critical)",
      name: "--message-bar-background-color-critical",
    },
    {
      value: "var(--background-color-information)",
      name: "--message-bar-icon-background-color",
    },
    {
      value: "var(--background-color-warning)",
      name: "--message-bar-icon-background-color-warning",
    },
    {
      value: "var(--background-color-success)",
      name: "--message-bar-icon-background-color-success",
    },
    {
      value: "var(--background-color-critical)",
      name: "--message-bar-icon-background-color-critical",
    },
    {
      value: "var(--button-background-color-ghost)",
      name: "--page-nav-button-background-color",
    },
    {
      value: "var(--button-background-color-ghost-hover)",
      name: "--page-nav-button-background-color-hover",
    },
    {
      value: "var(--button-background-color-ghost-active)",
      name: "--page-nav-button-background-color-active",
    },
    {
      value: "color-mix(in srgb, currentColor 8%, transparent)",
      name: "--page-nav-button-background-color-selected",
    },
    {
      value: "var(--color-accent-primary)",
      name: "--page-nav-button-indicator-background-color",
    },
    { value: "var(--border-color)", name: "--page-nav-hr-background-color" },
    {
      value: {
        default: "color-mix(in lch, currentColor 8%, transparent)",
        prefersContrast: "var(--background-color-canvas)",
      },
      name: "--promo-background-color",
    },
    {
      value: {
        light: "var(--color-violet-0)",
        dark: "var(--color-violet-90)",
        default: "light-dark(var(--color-violet-0), var(--color-violet-90))",
      },
      name: "--promo-background-color-vibrant",
    },
    {
      value: "var(--color-accent-primary)",
      name: "--reorderable-list-indicator-background-color",
    },
    {
      value: "var(--button-background-color)",
      name: "--select-background-color",
    },
    {
      value: "var(--button-background-color-hover)",
      name: "--select-background-color-hover",
    },
    {
      value: "var(--button-background-color-disabled)",
      name: "--select-background-color-disabled",
    },
    {
      value: "var(--button-background-color)",
      name: "--toggle-background-color",
    },
    {
      value: "var(--button-background-color-hover)",
      name: "--toggle-background-color-hover",
    },
    {
      value: "var(--button-background-color-active)",
      name: "--toggle-background-color-active",
    },
    {
      value: "var(--color-accent-primary)",
      name: "--toggle-background-color-pressed",
    },
    {
      value: "var(--color-accent-primary-hover)",
      name: "--toggle-background-color-pressed-hover",
    },
    {
      value: "var(--color-accent-primary-active)",
      name: "--toggle-background-color-pressed-active",
    },
    {
      value: {
        default: "var(--toggle-border-color)",
        forcedColors: "var(--color-accent-primary)",
      },
      name: "--toggle-dot-background-color",
    },
    {
      value: {
        default: "var(--toggle-dot-background-color)",
        forcedColors: "var(--color-accent-primary-hover)",
      },
      name: "--toggle-dot-background-color-hover",
    },
    {
      value: {
        default: "var(--toggle-dot-background-color)",
        forcedColors: "var(--color-accent-primary-active)",
      },
      name: "--toggle-dot-background-color-active",
    },
    {
      value: {
        default: "var(--background-color-canvas)",
        forcedColors: "var(--button-background-color)",
      },
      name: "--toggle-dot-background-color-on-pressed",
    },
    {
      value: "var(--background-color-box)",
      name: "--panel-list-background-color",
    },
    {
      value: "var(--button-background-color-menu)",
      name: "--box-button-background-color",
    },
    {
      value: "var(--button-background-color-menu-hover)",
      name: "--box-button-background-color-hover",
    },
    {
      value: "var(--button-background-color-menu-active)",
      name: "--box-button-background-color-active",
    },
    {
      value: "var(--button-background-color-menu-disabled)",
      name: "--box-button-background-color-disabled",
    },
    {
      value: "color-mix(in srgb, currentColor 11%, transparent)",
      name: "--tab-background-color-hover",
    },
    {
      value: {
        nativeTheme: "var(--toolbar-background-color)",
        default: "var(--toolbar-background-color)",
        browserTheme: {
          light: "var(--color-white)",
          dark: "rgba(106, 106, 120, 0.7)",
          default: "light-dark(var(--color-white), rgba(106, 106, 120, 0.7))",
        },
      },
      name: "--tab-background-color-selected",
    },
    {
      value: "var(--toolbar-field-background-color)",
      name: "--urlbar-background-color",
    },
    {
      value: "var(--toolbar-field-background-color-focus)",
      name: "--urlbar-background-color-focus",
    },
    {
      value: {
        nativeTheme: "var(--button-background-color)",
        default: "var(--button-background-color)",
        browserTheme: {
          light: "white",
          dark: "rgb(66, 65, 77)",
          default: "light-dark(white, rgb(66, 65, 77))",
        },
      },
      name: "--urlbar-box-background-color",
    },
    {
      value: {
        light: "var(--button-background-color-hover)",
        dark: "color-mix(in srgb, currentColor 22%, transparent)",
        default:
          "light-dark(var(--button-background-color-hover), color-mix(in srgb, currentColor 22%, transparent))",
      },
      name: "--urlbar-box-background-color-hover",
    },
    {
      value: "var(--button-background-color-active)",
      name: "--urlbar-box-background-color-active",
    },
    {
      value: {
        light: "var(--button-background-color)",
        dark: "color-mix(in srgb, currentColor 16%, transparent)",
        default:
          "light-dark(var(--button-background-color), color-mix(in srgb, currentColor 16%, transparent))",
      },
      name: "--urlbar-box-background-color-focus",
    },
    {
      value: {
        nativeTheme: "var(--background-color-dimmed)",
        default: "var(--background-color-dimmed)",
        browserTheme: {
          light: "rgb(240, 240, 244)",
          dark: "var(--background-color-dimmed)",
          default:
            "light-dark(rgb(240, 240, 244), var(--background-color-dimmed))",
        },
      },
      name: "--urlbarview-background-color-hover",
    },
    {
      value: {
        nativeTheme: "SelectedItem",
        default: "SelectedItem",
        browserTheme: {
          light: "#e0e0e6",
          dark: "rgb(43, 42, 51)",
          default: "light-dark(#e0e0e6, rgb(43, 42, 51))",
        },
      },
      name: "--urlbarview-background-color-selected",
    },
    {
      value:
        "color-mix(in srgb, var(--urlbarview-background-color-hover) 50%, transparent)",
      name: "--urlbarview-action-button-background-color",
    },
    {
      value: "var(--urlbarview-background-color-hover)",
      name: "--urlbarview-action-button-background-color-hover",
    },
  ],
  "border-color": [
    {
      value: {
        brand: {
          light: "var(--color-gray-50)",
          dark: "var(--color-gray-70)",
          default: "light-dark(var(--color-gray-50), var(--color-gray-70))",
        },
        prefersContrast: "CanvasText",
        platform: {
          default: "color-mix(in srgb, currentColor 50%, transparent)",
        },
      },
      name: "--border-color",
    },
    {
      value: { default: "transparent", prefersContrast: "CanvasText" },
      name: "--border-color-transparent",
    },
    {
      value: {
        brand: {
          light: "var(--color-gray-30)",
          dark: "var(--color-gray-70)",
          default: "light-dark(var(--color-gray-30), var(--color-gray-70))",
        },
        platform: {
          default: "color-mix(in srgb, currentColor 24%, transparent)",
        },
        prefersContrast: "currentColor",
        forcedColors: "ButtonText",
      },
      name: "--border-color-deemphasized",
    },
    {
      value: {
        prefersContrast: "var(--text-color)",
        forcedColors: "ButtonText",
        brand: {
          light: "var(--color-gray-60)",
          dark: "var(--color-gray-50)",
          default: "light-dark(var(--color-gray-60), var(--color-gray-50))",
        },
        platform: {
          default: "color-mix(in srgb, currentColor 15%, var(--color-gray-60))",
        },
      },
      name: "--border-color-interactive",
    },
    {
      value: {
        default: "var(--border-color-interactive)",
        forcedColors: "SelectedItem",
      },
      name: "--border-color-interactive-hover",
    },
    {
      value: {
        default: "var(--border-color-interactive)",
        forcedColors: "ButtonText",
      },
      name: "--border-color-interactive-active",
    },
    {
      value: {
        default: "var(--border-color-interactive)",
        forcedColors: "GrayText",
      },
      name: "--border-color-interactive-disabled",
    },
    {
      value: {
        default: "var(--color-accent-primary)",
        forcedColors: "SelectedItem",
      },
      name: "--border-color-selected",
    },
    {
      value: {
        light: "var(--color-red-70)",
        dark: "var(--color-red-20)",
        prefersContrast: "var(--border-color)",
        default: "light-dark(var(--color-red-70), var(--color-red-20))",
      },
      name: "--border-color-error",
    },
    {
      value: {
        default: "transparent",
        prefersContrast: "var(--button-text-color)",
        forcedColors: "var(--border-color-interactive)",
      },
      name: "--button-border-color",
    },
    {
      value: {
        default: "var(--button-border-color)",
        forcedColors: "var(--border-color-interactive-active)",
      },
      name: "--button-border-color-active",
    },
    {
      value: {
        default: "transparent",
        forcedColors: "var(--button-border-color-primary)",
      },
      name: "--button-border-color-destructive",
    },
    {
      value: {
        default: "var(--button-border-color-destructive)",
        forcedColors: "var(--button-border-color-primary-active)",
      },
      name: "--button-border-color-destructive-active",
    },
    {
      value: {
        default: "var(--button-border-color-destructive)",
        forcedColors: "var(--button-border-color-primary-disabled)",
      },
      name: "--button-border-color-destructive-disabled",
    },
    {
      value: {
        default: "var(--button-border-color-destructive)",
        forcedColors: "var(--button-border-color-primary-hover)",
      },
      name: "--button-border-color-destructive-hover",
    },
    {
      value: "var(--button-border-color-destructive-active)",
      name: "--button-border-color-destructive-selected",
    },
    {
      value: {
        default: "var(--button-border-color)",
        forcedColors: "var(--border-color-interactive-disabled)",
      },
      name: "--button-border-color-disabled",
    },
    {
      value: {
        default: "var(--button-border-color)",
        prefersContrast: "var(--button-border-color)",
      },
      name: "--button-border-color-ghost",
    },
    {
      value: { default: "var(--button-border-color-active)" },
      name: "--button-border-color-ghost-active",
    },
    {
      value: { default: "var(--button-border-color-disabled)" },
      name: "--button-border-color-ghost-disabled",
    },
    {
      value: { default: "var(--button-border-color-hover)" },
      name: "--button-border-color-ghost-hover",
    },
    {
      value: "var(--button-border-color-ghost-active)",
      name: "--button-border-color-ghost-selected",
    },
    {
      value: { default: "var(--button-border-color-ghost)" },
      name: "--button-border-color-menu",
    },
    {
      value: { default: "var(--button-border-color-ghost-active)" },
      name: "--button-border-color-menu-active",
    },
    {
      value: { default: "var(--button-border-color-ghost-disabled)" },
      name: "--button-border-color-menu-disabled",
    },
    {
      value: { default: "var(--button-border-color-ghost-hover)" },
      name: "--button-border-color-menu-hover",
    },
    {
      value: "var(--button-border-color-menu-active)",
      name: "--button-border-color-menu-selected",
    },
    {
      value: "var(--button-border-color)",
      name: "--button-border-color-muted",
    },
    {
      value: "var(--button-border-color-active)",
      name: "--button-border-color-muted-active",
    },
    {
      value: "var(--button-border-color-hover)",
      name: "--button-border-color-muted-hover",
    },
    {
      value: "var(--button-border-color-disabled)",
      name: "--button-border-color-muted-disabled",
    },
    {
      value: "var(--button-border-color-muted-active)",
      name: "--button-border-color-muted-selected",
    },
    {
      value: {
        default: "var(--button-border-color)",
        forcedColors: "var(--border-color-interactive-hover)",
      },
      name: "--button-border-color-hover",
    },
    {
      value: { default: "transparent", forcedColors: "ButtonFace" },
      name: "--button-border-color-primary",
    },
    {
      value: {
        default: "var(--button-border-color-primary)",
        forcedColors: "ButtonText",
      },
      name: "--button-border-color-primary-active",
    },
    {
      value: "var(--button-border-color-primary)",
      name: "--button-border-color-primary-disabled",
    },
    {
      value: {
        default: "var(--button-border-color-primary)",
        forcedColors: "SelectedItemText",
      },
      name: "--button-border-color-primary-hover",
    },
    {
      value: "var(--button-border-color-primary-active)",
      name: "--button-border-color-primary-selected",
    },
    {
      value: "var(--button-border-color-active)",
      name: "--button-border-color-selected",
    },
    {
      value: { default: "var(--button-border-color)" },
      name: "--button-border-color-toolbar",
    },
    {
      value: { default: "var(--button-border-color-active)" },
      name: "--button-border-color-toolbar-active",
    },
    {
      value: { default: "var(--button-border-color-disabled)" },
      name: "--button-border-color-toolbar-disabled",
    },
    {
      value: { default: "var(--button-border-color-hover)" },
      name: "--button-border-color-toolbar-hover",
    },
    {
      value: "var(--button-border-color-ghost-active)",
      name: "--button-border-color-toolbar-selected",
    },
    {
      value: {
        light: "color-mix(in srgb, currentColor 10%, transparent)",
        dark: "color-mix(in srgb, currentColor 6%, transparent)",
        prefersContrast: "color-mix(in srgb, currentColor 41%, transparent)",
        forcedColors: "CanvasText",
        default:
          "light-dark(color-mix(in srgb, currentColor 10%, transparent), color-mix(in srgb, currentColor 6%, transparent))",
      },
      name: "--card-border-color",
    },
    {
      value: {
        default: "transparent",
        forcedColors: "var(--button-border-color)",
        prefersContrast: "var(--button-border-color)",
      },
      name: "--card-header-border-color",
    },
    {
      value: {
        default: "transparent",
        forcedColors: "var(--button-border-color-hover)",
      },
      name: "--card-header-border-color-hover",
    },
    {
      value: {
        default: "transparent",
        forcedColors: "var(--button-border-color-active)",
      },
      name: "--card-header-border-color-active",
    },
    {
      value: {
        light: "var(--color-violet-desaturated-20)",
        dark: "var(--color-gray-60)",
        nativeTheme: "var(--toolbarseparator-color)",
        prefersContrast: "CanvasText",
        platform: {
          default: "var(--toolbarseparator-color)",
          browserTheme: {
            light: "var(--color-violet-desaturated-20)",
            dark: "var(--color-gray-60)",
            default:
              "light-dark(var(--color-violet-desaturated-20), var(--color-gray-60))",
          },
        },
        default:
          "light-dark(var(--color-violet-desaturated-20), var(--color-gray-60))",
      },
      name: "--info-bar-border-color",
    },
    { value: "var(--border-color-interactive)", name: "--input-border-color" },
    { value: "var(--border-color)", name: "--input-text-border-color" },
    {
      value: "var(--border-color-interactive-disabled)",
      name: "--input-text-border-color-disabled",
    },
    {
      value: {
        light: "rgb(240, 240, 244)",
        dark: "rgb(82, 82, 94)",
        nativeTheme: "var(--border-color-deemphasized)",
        platform: {
          default: "var(--border-color-deemphasized)",
          browserTheme: {
            light: "rgb(240, 240, 244)",
            dark: "rgb(82, 82, 94)",
            default: "light-dark(rgb(240, 240, 244), rgb(82, 82, 94))",
          },
        },
        default: "light-dark(rgb(240, 240, 244), rgb(82, 82, 94))",
      },
      name: "--panel-border-color",
    },
    {
      value: {
        light: "rgb(240, 240, 244)",
        dark: "rgb(82, 82, 94)",
        nativeTheme: "var(--border-color-deemphasized)",
        platform: {
          default: "var(--border-color-deemphasized)",
          browserTheme: {
            light: "rgb(240, 240, 244)",
            dark: "rgb(82, 82, 94)",
            default: "light-dark(rgb(240, 240, 244), rgb(82, 82, 94))",
          },
        },
        default: "light-dark(rgb(240, 240, 244), rgb(82, 82, 94))",
      },
      name: "--popup-border-color",
    },
    {
      value: {
        default: "var(--card-border-color)",
        nativeTheme: "-moz-sidebarborder",
        prefersContrast: "var(--card-border-color)",
        platform: {
          default: "-moz-sidebarborder",
          browserTheme: { default: "var(--card-border-color)" },
        },
      },
      name: "--sidebar-border-color",
    },
    {
      value: {
        default: "var(--border-color-transparent)",
        nativeTheme: "var(--border-color-transparent)",
        prefersContrast: "var(--input-border-color)",
        platform: {
          default: "var(--border-color-transparent)",
          browserTheme: { default: "var(--border-color-transparent)" },
        },
      },
      name: "--toolbar-field-border-color",
    },
    {
      value: {
        default:
          "color-mix(in srgb, var(--focus-outline-color) 50%, transparent)",
        prefersContrast: "var(--focus-outline-color)",
      },
      name: "--toolbar-field-border-color-focus",
    },
    { value: "var(--border-color)", name: "--badge-border-color" },
    {
      value: {
        light: "rgba(251, 251, 254, 0.4)",
        dark: "rgba(21, 20, 26, 0.4)",
        forcedColors: "CanvasText",
        default: "light-dark(rgba(251, 251, 254, 0.4), rgba(21, 20, 26, 0.4))",
      },
      name: "--badge-border-color-filled",
    },
    {
      value: "var(--border-color-interactive)",
      name: "--input-color-border-color",
    },
    {
      value: "var(--border-color-interactive-active)",
      name: "--input-color-border-color-active",
    },
    {
      value: "var(--border-color-interactive-hover)",
      name: "--input-color-border-color-hover",
    },
    {
      value: "var(--border-color-deemphasized)",
      name: "--input-color-swatch-border-color",
    },
    {
      value: {
        default: "oklch(from var(--message-bar-icon-color) l c h / 20%)",
        prefersContrast: "var(--border-color)",
      },
      name: "--message-bar-border-color",
    },
    { value: "transparent", name: "--message-bar-icon-container-border-color" },
    {
      value: "var(--border-color-transparent)",
      name: "--page-nav-border-color",
    },
    { value: "unset", name: "--page-nav-button-border-color" },
    {
      value: "var(--button-border-color-ghost-hover)",
      name: "--page-nav-button-border-color-hover",
    },
    {
      value: "var(--button-border-color-ghost-active)",
      name: "--page-nav-button-border-color-active",
    },
    {
      value: {
        default: "color-mix(in lch, currentColor 8%, transparent)",
        prefersContrast: "var(--border-color)",
      },
      name: "--promo-border-color",
    },
    { value: "var(--color-violet-30)", name: "--promo-border-color-vibrant" },
    {
      value: "var(--border-color-interactive)",
      name: "--segmented-control-border-color",
    },
    {
      value: "var(--button-border-color-hover)",
      name: "--select-border-color-hover",
    },
    {
      value: "var(--button-border-color-disabled)",
      name: "--select-border-color-disabled",
    },
    {
      value: {
        light: "var(--color-gray-70)",
        dark: "var(--border-color-interactive)",
        prefersContrast: "var(--border-color-interactive)",
        forcedColors: "var(--border-color-interactive)",
        default:
          "light-dark(var(--color-gray-70), var(--border-color-interactive))",
      },
      name: "--toggle-border-color",
    },
    {
      value: {
        default: "var(--toggle-border-color)",
        forcedColors: "var(--border-color-interactive-hover)",
      },
      name: "--toggle-border-color-hover",
    },
    {
      value: {
        default: "var(--toggle-border-color)",
        forcedColors: "var(--border-color-interactive-active)",
      },
      name: "--toggle-border-color-active",
    },
    {
      value: "var(--border-color-interactive)",
      name: "--visual-picker-item-border-color",
    },
    {
      value: "var(--border-color-deemphasized)",
      name: "--panel-list-border-color",
    },
    { value: "var(--border-color)", name: "--box-border-color" },
  ],
  "border-radius": [
    { value: "9999px", name: "--border-radius-circle" },
    { value: "2px", name: "--border-radius-xsmall" },
    { value: "4px", name: "--border-radius-small" },
    { value: "8px", name: "--border-radius-medium" },
    { value: "16px", name: "--border-radius-large" },
    { value: "var(--border-radius-medium)", name: "--button-border-radius" },
    { value: "var(--border-radius-large)", name: "--card-border-radius" },
    {
      value: "var(--border-radius-medium)",
      name: "--card-border-radius-compact",
    },
    {
      value: "var(--border-radius-medium)",
      name: "--card-cover-image-border-radius",
    },
    {
      value: "var(--border-radius-medium)",
      name: "--input-text-border-radius",
    },
    {
      value: "var(--input-text-border-radius)",
      name: "--input-search-border-radius",
    },
    {
      value: "var(--border-radius-small)",
      name: "--panel-menuitem-border-radius",
    },
    { value: "var(--border-radius-medium)", name: "--panel-border-radius" },
    { value: "var(--border-radius-medium)", name: "--popup-border-radius" },
    {
      value: "var(--button-border-radius)",
      name: "--toolbarbutton-border-radius",
    },
    { value: "var(--border-radius-small)", name: "--badge-border-radius" },
    {
      value: "var(--border-radius-medium)",
      name: "--input-color-border-radius",
    },
    {
      value: "var(--border-radius-circle)",
      name: "--input-color-swatch-border-radius",
    },
    {
      value: "var(--border-radius-medium)",
      name: "--message-bar-border-radius",
    },
    {
      value: "var(--border-radius-circle)",
      name: "--message-bar-icon-container-border-radius",
    },
    {
      value: "var(--button-border-radius)",
      name: "--page-nav-button-border-radius",
    },
    {
      value: "var(--border-radius-small)",
      name: "--page-nav-button-border-radius-focused",
    },
    { value: "var(--border-radius-medium)", name: "--promo-border-radius" },
    {
      value:
        "calc(var(--button-border-radius) + var(--focus-outline-width) + var(--focus-outline-offset) + var(--border-width))",
      name: "--segmented-control-border-radius",
    },
    { value: "var(--button-border-radius)", name: "--select-border-radius" },
    { value: "var(--border-radius-circle)", name: "--toggle-border-radius" },
    {
      value: "var(--border-radius-medium)",
      name: "--visual-picker-item-border-radius",
    },
    { value: "0", name: "--panel-item-button-border-radius" },
    { value: "var(--panel-border-radius)", name: "--panel-list-border-radius" },
    { value: "var(--border-radius-medium)", name: "--box-border-radius" },
    {
      value: "calc(var(--box-border-radius) - var(--box-border-width))",
      name: "--box-border-radius-inner",
    },
    {
      value: "var(--toolbarbutton-border-radius)",
      name: "--tab-border-radius",
    },
    { value: "var(--button-border-radius)", name: "--urlbar-border-radius" },
    {
      value: "calc(var(--button-border-radius) + 2px)",
      name: "--urlbarview-border-radius",
    },
  ],
  "border-width": [
    { value: "1px", name: "--border-width" },
    { value: "var(--border-width)", name: "--button-border-width-split" },
    { value: "var(--border-width)", name: "--card-border-width" },
    { value: "1px", name: "--badge-border-width" },
    { value: "var(--border-width)", name: "--message-bar-border-width" },
    { value: "var(--border-width)", name: "--promo-border-width" },
    { value: "var(--border-width)", name: "--toggle-border-width" },
    { value: "var(--border-width)", name: "--visual-picker-item-border-width" },
    {
      value: "calc(var(--border-width) * 3)",
      name: "--visual-picker-item-border-width-checked",
    },
    { value: "var(--border-width)", name: "--box-border-width" },
  ],
  "box-shadow": [
    {
      value:
        "0 0 1px var(--box-shadow-color-darker-layer-1), 0 1px 2px var(--box-shadow-color-darker-layer-2)",
      name: "--box-shadow-level-1",
    },
    {
      value:
        "0 0.25px 0.75px var(--box-shadow-color-lighter-layer-1), 0 2px 6px var(--box-shadow-color-lighter-layer-2)",
      name: "--box-shadow-level-2",
    },
    {
      value:
        "0 0.375px 1.5px var(--box-shadow-color-lighter-layer-1), 0 3px 12px var(--box-shadow-color-lighter-layer-2)",
      name: "--box-shadow-level-3",
    },
    {
      value:
        "0 0.5px 2px var(--box-shadow-color-lighter-layer-1), 0 4px 16px var(--box-shadow-color-lighter-layer-2)",
      name: "--box-shadow-level-4",
    },
    {
      value: {
        light: "rgba(0, 0, 0, 0.15)",
        dark: "rgba(0, 0, 0, 0.2)",
        default: "light-dark(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.2))",
      },
      name: "--box-shadow-color-darker-layer-1",
    },
    {
      value: {
        light: "rgba(0, 0, 0, 0.2)",
        dark: "rgba(0, 0, 0, 0.4)",
        default: "light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4))",
      },
      name: "--box-shadow-color-darker-layer-2",
    },
    {
      value: {
        light: "rgba(0, 0, 0, 0.03)",
        dark: "rgba(0, 0, 0, 0.15)",
        default: "light-dark(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.15))",
      },
      name: "--box-shadow-color-lighter-layer-1",
    },
    {
      value: {
        light: "rgba(0, 0, 0, 0.05)",
        dark: "rgba(0, 0, 0, 0.2)",
        default: "light-dark(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2))",
      },
      name: "--box-shadow-color-lighter-layer-2",
    },
    { value: "var(--box-shadow-level-2)", name: "--card-box-shadow" },
    { value: "var(--box-shadow-level-4)", name: "--card-box-shadow-hover" },
    {
      value: "0 0 var(--panel-box-shadow-margin) hsla(0, 0%, 0%, 0.2)",
      name: "--panel-box-shadow",
    },
    { value: "var(--box-shadow-level-3)", name: "--popup-box-shadow" },
    { value: "var(--popup-box-shadow)", name: "--panel-list-box-shadow" },
    { value: "var(--box-shadow-level-1)", name: "--tab-box-shadow-selected" },
  ],
  color: [
    { value: "#fbfbfe", name: "--color-gray-0" },
    { value: "#f0f0f4", name: "--color-gray-20" },
    { value: "#bac2ca", name: "--color-gray-30" },
    { value: "#bfbfc9", name: "--color-gray-50" },
    { value: "#8f8f9d", name: "--color-gray-60" },
    { value: "#5b5b66", name: "--color-gray-70" },
    { value: "#23222b", name: "--color-gray-80" },
    { value: "#1c1b22", name: "--color-gray-90" },
    { value: "#15141a", name: "--color-gray-100" },
    { value: "oklch(97% 0.05 15)", name: "--color-red-0" },
    { value: "oklch(90% 0.1 15)", name: "--color-red-10" },
    { value: "oklch(83% 0.14 15)", name: "--color-red-20" },
    { value: "oklch(76% 0.17 15)", name: "--color-red-30" },
    { value: "oklch(69% 0.19 15)", name: "--color-red-40" },
    { value: "oklch(62% 0.21 15)", name: "--color-red-50" },
    { value: "oklch(55% 0.21 15)", name: "--color-red-60" },
    { value: "oklch(48% 0.2 15)", name: "--color-red-70" },
    { value: "oklch(41% 0.17 15)", name: "--color-red-80" },
    { value: "oklch(34% 0.14 15)", name: "--color-red-90" },
    { value: "oklch(27% 0.1 15)", name: "--color-red-100" },
    { value: "oklch(20% 0.05 15)", name: "--color-red-110" },
    { value: "oklch(97% 0.05 50)", name: "--color-orange-0" },
    { value: "oklch(90% 0.10 50)", name: "--color-orange-10" },
    { value: "oklch(86% 0.14 50)", name: "--color-orange-20" },
    { value: "oklch(79% 0.17 50)", name: "--color-orange-30" },
    { value: "oklch(72% 0.19 50)", name: "--color-orange-40" },
    { value: "oklch(65% 0.21 50)", name: "--color-orange-50" },
    { value: "oklch(58% 0.21 50)", name: "--color-orange-60" },
    { value: "oklch(48% 0.20 50)", name: "--color-orange-70" },
    { value: "oklch(41% 0.17 50)", name: "--color-orange-80" },
    { value: "oklch(34% 0.14 50)", name: "--color-orange-90" },
    { value: "oklch(27% 0.10 50)", name: "--color-orange-100" },
    { value: "oklch(20% 0.05 50)", name: "--color-orange-110" },
    { value: "oklch(97% 0.05 90)", name: "--color-yellow-0" },
    { value: "oklch(93% 0.1 90)", name: "--color-yellow-10" },
    { value: "oklch(86% 0.14 90)", name: "--color-yellow-20" },
    { value: "oklch(79% 0.2 90)", name: "--color-yellow-30" },
    { value: "oklch(72% 0.22 90)", name: "--color-yellow-40" },
    { value: "oklch(65% 0.24 90)", name: "--color-yellow-50" },
    { value: "oklch(58% 0.24 90)", name: "--color-yellow-60" },
    { value: "oklch(51% 0.23 90)", name: "--color-yellow-70" },
    { value: "oklch(41% 0.2 90)", name: "--color-yellow-80" },
    { value: "oklch(34% 0.17 90)", name: "--color-yellow-90" },
    { value: "oklch(27% 0.13 90)", name: "--color-yellow-100" },
    { value: "oklch(20% 0.08 90)", name: "--color-yellow-110" },
    { value: "oklch(97% 0.05 145)", name: "--color-green-0" },
    { value: "oklch(90% 0.1 145)", name: "--color-green-10" },
    { value: "oklch(83% 0.14 145)", name: "--color-green-20" },
    { value: "oklch(76% 0.17 145)", name: "--color-green-30" },
    { value: "oklch(69% 0.19 145)", name: "--color-green-40" },
    { value: "oklch(62% 0.21 145)", name: "--color-green-50" },
    { value: "oklch(55% 0.21 145)", name: "--color-green-60" },
    { value: "oklch(48% 0.2 145)", name: "--color-green-70" },
    { value: "oklch(41% 0.17 145)", name: "--color-green-80" },
    { value: "oklch(34% 0.14 145)", name: "--color-green-90" },
    { value: "oklch(27% 0.1 145)", name: "--color-green-100" },
    { value: "oklch(20% 0.05 145)", name: "--color-green-110" },
    { value: "oklch(97% 0.05 205)", name: "--color-cyan-0" },
    { value: "oklch(90% 0.07 205)", name: "--color-cyan-10" },
    { value: "oklch(83% 0.11 205)", name: "--color-cyan-20" },
    { value: "oklch(76% 0.14 205)", name: "--color-cyan-30" },
    { value: "oklch(69% 0.19 205)", name: "--color-cyan-40" },
    { value: "oklch(62% 0.21 205)", name: "--color-cyan-50" },
    { value: "oklch(55% 0.21 205)", name: "--color-cyan-60" },
    { value: "oklch(48% 0.2 205)", name: "--color-cyan-70" },
    { value: "oklch(41% 0.17 205)", name: "--color-cyan-80" },
    { value: "oklch(34% 0.14 205)", name: "--color-cyan-90" },
    { value: "oklch(27% 0.1 205)", name: "--color-cyan-100" },
    { value: "oklch(20% 0.05 205)", name: "--color-cyan-110" },
    { value: "oklch(97% 0.05 260)", name: "--color-blue-0" },
    { value: "oklch(90% 0.13 260)", name: "--color-blue-10" },
    { value: "oklch(83% 0.17 260)", name: "--color-blue-20" },
    { value: "oklch(76% 0.2 260)", name: "--color-blue-30" },
    { value: "oklch(69% 0.22 260)", name: "--color-blue-40" },
    { value: "oklch(62% 0.24 260)", name: "--color-blue-50" },
    { value: "oklch(55% 0.24 260)", name: "--color-blue-60" },
    { value: "oklch(48% 0.2 260)", name: "--color-blue-70" },
    { value: "oklch(41% 0.17 260)", name: "--color-blue-80" },
    { value: "oklch(34% 0.14 260)", name: "--color-blue-90" },
    { value: "oklch(27% 0.1 260)", name: "--color-blue-100" },
    { value: "oklch(20% 0.05 260)", name: "--color-blue-110" },
    { value: "oklch(97% 0.05 290)", name: "--color-violet-0" },
    { value: "oklch(90% 0.13 290)", name: "--color-violet-10" },
    { value: "oklch(83% 0.17 290)", name: "--color-violet-20" },
    { value: "oklch(76% 0.2 290)", name: "--color-violet-30" },
    { value: "oklch(69% 0.22 290)", name: "--color-violet-40" },
    { value: "oklch(62% 0.24 290)", name: "--color-violet-50" },
    { value: "oklch(55% 0.24 290)", name: "--color-violet-60" },
    { value: "oklch(48% 0.2 290)", name: "--color-violet-70" },
    { value: "oklch(41% 0.17 290)", name: "--color-violet-80" },
    { value: "oklch(34% 0.14 290)", name: "--color-violet-90" },
    { value: "oklch(27% 0.1 290)", name: "--color-violet-100" },
    { value: "oklch(20% 0.05 290)", name: "--color-violet-110" },
    { value: "oklch(97% 0.05 315)", name: "--color-purple-0" },
    { value: "oklch(90% 0.1 315)", name: "--color-purple-10" },
    { value: "oklch(83% 0.14 315)", name: "--color-purple-20" },
    { value: "oklch(76% 0.17 315)", name: "--color-purple-30" },
    { value: "oklch(69% 0.19 315)", name: "--color-purple-40" },
    { value: "oklch(62% 0.21 315)", name: "--color-purple-50" },
    { value: "oklch(55% 0.21 315)", name: "--color-purple-60" },
    { value: "oklch(48% 0.2 315)", name: "--color-purple-70" },
    { value: "oklch(41% 0.17 315)", name: "--color-purple-80" },
    { value: "oklch(34% 0.14 315)", name: "--color-purple-90" },
    { value: "oklch(27% 0.1 315)", name: "--color-purple-100" },
    { value: "oklch(20% 0.05 315)", name: "--color-purple-110" },
    { value: "oklch(97% 0.05 360)", name: "--color-pink-0" },
    { value: "oklch(90% 0.1 360)", name: "--color-pink-10" },
    { value: "oklch(83% 0.14 360)", name: "--color-pink-20" },
    { value: "oklch(76% 0.17 360)", name: "--color-pink-30" },
    { value: "oklch(69% 0.19 360)", name: "--color-pink-40" },
    { value: "oklch(62% 0.21 360)", name: "--color-pink-50" },
    { value: "oklch(55% 0.21 360)", name: "--color-pink-60" },
    { value: "oklch(48% 0.2 360)", name: "--color-pink-70" },
    { value: "oklch(41% 0.17 360)", name: "--color-pink-80" },
    { value: "oklch(34% 0.14 360)", name: "--color-pink-90" },
    { value: "oklch(27% 0.1 360)", name: "--color-pink-100" },
    { value: "oklch(20% 0.05 360)", name: "--color-pink-110" },
    { value: "#ffffff", name: "--color-white" },
    { value: "oklch(1 0 0 / 10%)", name: "--color-white-alpha-10" },
    { value: "oklch(1 0 0 / 20%)", name: "--color-white-alpha-20" },
    { value: "oklch(1 0 0 / 30%)", name: "--color-white-alpha-30" },
    { value: "oklch(1 0 0 / 40%)", name: "--color-white-alpha-40" },
    { value: "oklch(1 0 0 / 50%)", name: "--color-white-alpha-50" },
    { value: "oklch(1 0 0 / 60%)", name: "--color-white-alpha-60" },
    { value: "oklch(1 0 0 / 70%)", name: "--color-white-alpha-70" },
    { value: "oklch(1 0 0 / 80%)", name: "--color-white-alpha-80" },
    { value: "oklch(1 0 0 / 90%)", name: "--color-white-alpha-90" },
    { value: "#000000", name: "--color-black" },
    { value: "oklch(0 0 0 / 10%)", name: "--color-black-alpha-10" },
    { value: "oklch(0 0 0 / 20%)", name: "--color-black-alpha-20" },
    { value: "oklch(0 0 0 / 30%)", name: "--color-black-alpha-30" },
    { value: "oklch(0 0 0 / 40%)", name: "--color-black-alpha-40" },
    { value: "oklch(0 0 0 / 50%)", name: "--color-black-alpha-50" },
    { value: "oklch(0 0 0 / 60%)", name: "--color-black-alpha-60" },
    { value: "oklch(0 0 0 / 70%)", name: "--color-black-alpha-70" },
    { value: "oklch(0 0 0 / 80%)", name: "--color-black-alpha-80" },
    { value: "oklch(0 0 0 / 90%)", name: "--color-black-alpha-90" },
    {
      value: {
        light: "var(--color-blue-60)",
        dark: "var(--color-cyan-30)",
        nativeTheme: "AccentColor",
        forcedColors: "ButtonText",
        platform: {
          default: "AccentColor",
          browserTheme: {
            light: "var(--color-blue-60)",
            dark: "var(--color-cyan-30)",
            default: "light-dark(var(--color-blue-60), var(--color-cyan-30))",
          },
        },
        default: "light-dark(var(--color-blue-60), var(--color-cyan-30))",
      },
      name: "--color-accent-primary",
    },
    {
      value: {
        forcedColors: "SelectedItem",
        light: "var(--color-blue-70)",
        dark: "var(--color-cyan-20)",
        nativeTheme:
          "color-mix(in srgb, black 10%, var(--color-accent-primary))",
        platform: {
          default: "color-mix(in srgb, black 10%, var(--color-accent-primary))",
          browserTheme: {
            light: "var(--color-blue-70)",
            dark: "var(--color-cyan-20)",
            default: "light-dark(var(--color-blue-70), var(--color-cyan-20))",
          },
        },
        default: "light-dark(var(--color-blue-70), var(--color-cyan-20))",
      },
      name: "--color-accent-primary-hover",
    },
    {
      value: {
        forcedColors: "var(--color-accent-primary-hover)",
        light: "var(--color-blue-80)",
        dark: "var(--color-cyan-10)",
        nativeTheme:
          "color-mix(in srgb, black 20%, var(--color-accent-primary))",
        platform: {
          default: "color-mix(in srgb, black 20%, var(--color-accent-primary))",
          browserTheme: {
            light: "var(--color-blue-80)",
            dark: "var(--color-cyan-10)",
            default: "light-dark(var(--color-blue-80), var(--color-cyan-10))",
          },
        },
        default: "light-dark(var(--color-blue-80), var(--color-cyan-10))",
      },
      name: "--color-accent-primary-active",
    },
    {
      value: {
        forcedColors: "SelectedItem",
        light: "var(--color-blue-60)",
        dark: "var(--color-cyan-30)",
        nativeTheme: "SelectedItem",
        platform: {
          default: "SelectedItem",
          browserTheme: {
            light: "var(--color-blue-60)",
            dark: "var(--color-cyan-30)",
            default: "light-dark(var(--color-blue-60), var(--color-cyan-30))",
          },
        },
        default: "light-dark(var(--color-blue-60), var(--color-cyan-30))",
      },
      name: "--color-accent-primary-selected",
    },
    {
      value: {
        prefersContrast: "AccentColor",
        light: "#2ac3a2",
        dark: "#54ffbd",
        nativeTheme: "AccentColor",
        platform: {
          default: "AccentColor",
          browserTheme: {
            light: "#2ac3a2",
            dark: "#54ffbd",
            default: "light-dark(#2ac3a2, #54ffbd)",
          },
        },
        default: "light-dark(#2ac3a2, #54ffbd)",
      },
      name: "--color-accent-attention",
    },
    {
      value: "var(--color-accent-attention)",
      name: "--button-attention-dot-color",
    },
    {
      value: {
        default: "color-mix(in srgb, currentColor 25%, transparent)",
        prefersContrast: "currentColor",
        forcedColors: "var(--border-color)",
      },
      name: "--panel-separator-color",
    },
    {
      value: "var(--text-color-deemphasized)",
      name: "--toolbarseparator-color",
    },
    {
      value: "var(--color-accent-attention)",
      name: "--tab-attention-dot-color",
    },
    { value: "ThreeDShadow", name: "--tabs-navbar-separator-color" },
    {
      value: {
        nativeTheme: "color-mix(in srgb, currentColor 14%, transparent)",
        prefersContrast: "color-mix(in srgb, currentColor 86%, transparent)",
        default: "color-mix(in srgb, currentColor 14%, transparent)",
        browserTheme: {
          light: "rgb(240, 240, 244)",
          dark: "rgb(82, 82, 94)",
          default: "light-dark(rgb(240, 240, 244), rgb(82, 82, 94))",
        },
      },
      name: "--urlbarview-separator-color",
    },
  ],
  dimension: [
    { value: "2px", name: "--dimension-2" },
    { value: "4px", name: "--dimension-4" },
    { value: "8px", name: "--dimension-8" },
    { value: "12px", name: "--dimension-12" },
    { value: "16px", name: "--dimension-16" },
    { value: "20px", name: "--dimension-20" },
    { value: "24px", name: "--dimension-24" },
    { value: "32px", name: "--dimension-32" },
    { value: "40px", name: "--dimension-40" },
    { value: "48px", name: "--dimension-48" },
    { value: "56px", name: "--dimension-56" },
    { value: "64px", name: "--dimension-64" },
    { value: "80px", name: "--dimension-80" },
    { value: "96px", name: "--dimension-96" },
    { value: "100px", name: "--dimension-100" },
    { value: "200px", name: "--dimension-200" },
    { value: "300px", name: "--dimension-300" },
    { value: "400px", name: "--dimension-400" },
    { value: "500px", name: "--dimension-500" },
    { value: "1rem", name: "--dimension-relative-100" },
    { value: "1.25rem", name: "--dimension-relative-125" },
    { value: "1.5rem", name: "--dimension-relative-150" },
    { value: "2rem", name: "--dimension-relative-200" },
    { value: "2.5rem", name: "--dimension-relative-250" },
    { value: "3rem", name: "--dimension-relative-300" },
    { value: "3.5rem", name: "--dimension-relative-350" },
    { value: "4rem", name: "--dimension-relative-400" },
    { value: "5rem", name: "--dimension-relative-500" },
    { value: "6rem", name: "--dimension-relative-600" },
    { value: "0.125rem", name: "--dimension-relative-0125" },
    { value: "0.25rem", name: "--dimension-relative-025" },
    { value: "0.5rem", name: "--dimension-relative-050" },
    { value: "0.75rem", name: "--dimension-relative-075" },
  ],
  outline: [
    {
      value: "var(--focus-outline-width) solid var(--focus-outline-color)",
      name: "--focus-outline",
    },
    {
      value: {
        default: "var(--color-accent-primary)",
        forcedColors: "var(--text-color)",
      },
      name: "--focus-outline-color",
    },
    {
      value: "calc(-1 * var(--focus-outline-width))",
      name: "--focus-outline-inset",
    },
    { value: "2px", name: "--focus-outline-offset" },
    { value: "2px", name: "--focus-outline-width" },
    { value: "var(--focus-outline)", name: "--card-focus-outline" },
    { value: "1px", name: "--link-focus-outline-offset" },
    {
      value: "var(--border-width) solid var(--toolbarbutton-outline-color)",
      name: "--toolbarbutton-outline",
    },
    {
      value: { default: "transparent", forcedColors: "ButtonText" },
      name: "--toolbarbutton-outline-color",
    },
    {
      value: {
        default: "transparent",
        prefersContrast: "currentColor",
        forcedColors: "SelectedItem",
      },
      name: "--toolbarbutton-outline-color-hover",
    },
    {
      value: {
        default: "transparent",
        prefersContrast: "currentColor",
        forcedColors: "ButtonText",
      },
      name: "--toolbarbutton-outline-color-active",
    },
    {
      value: {
        default: "var(--toolbarbutton-outline-color-active)",
        forcedColors: "SelectedItem",
      },
      name: "--toolbarbutton-outline-color-selected",
    },
    {
      value: "calc(-1 * var(--border-width))",
      name: "--toolbarbutton-outline-offset",
    },
    {
      value: "var(--focus-outline-inset)",
      name: "--page-nav-focus-outline-offset",
    },
    {
      value: { default: "transparent", prefersContrast: "currentColor" },
      name: "--tab-hover-outline-color",
    },
    {
      value: "var(--border-width) solid var(--tab-outline-color)",
      name: "--tab-outline",
    },
    { value: "transparent", name: "--tab-outline-color" },
    { value: "calc(-1 * var(--border-width))", name: "--tab-outline-offset" },
    {
      value: { default: "transparent", prefersContrast: "currentColor" },
      name: "--tab-selected-outline-color",
    },
  ],
  "font-size": [
    {
      value: { brand: { default: "15px" }, platform: { default: "unset" } },
      name: "--font-size-root",
    },
    {
      value: {
        brand: { default: "0.867rem", comment: "13px (in-content)" },
        platform: { default: "unset" },
      },
      name: "--font-size-small",
    },
    { value: "1.133rem", name: "--font-size-large" },
    { value: "1.467rem", name: "--font-size-xlarge" },
    { value: "1.6rem", name: "--font-size-xxlarge" },
    { value: "2.2rem", name: "--font-size-xxxlarge" },
    { value: "var(--font-size-xxlarge)", name: "--font-size-heading-xlarge" },
    { value: "var(--font-size-xlarge)", name: "--font-size-heading-large" },
    { value: "var(--font-size-large)", name: "--font-size-heading-medium" },
    { value: "var(--font-size-root)", name: "--button-font-size" },
    { value: "var(--font-size-small)", name: "--button-font-size-small" },
    { value: "var(--font-size-root)", name: "--card-font-size" },
    { value: "var(--font-size-small)", name: "--card-font-size-compact" },
    { value: "10px", name: "--toolbarbutton-badge-font-size" },
    { value: "var(--button-font-size)", name: "--select-font-size" },
    { value: "var(--select-font-size)", name: "--select-font-size-small" },
  ],
  "font-weight": [
    { value: "normal", name: "--font-weight" },
    { value: 600, name: "--font-weight-semibold" },
    { value: 700, name: "--font-weight-bold" },
    { value: "var(--font-weight-semibold)", name: "--font-weight-heading" },
    { value: "var(--font-weight-semibold)", name: "--button-font-weight" },
    { value: "var(--font-weight-semibold)", name: "--badge-font-weight" },
    { value: "var(--button-font-weight)", name: "--select-font-weight" },
    { value: "var(--font-weight)", name: "--select-option-font-weight" },
  ],
  size: [
    { value: "var(--dimension-40)", name: "--size-image-xsmall" },
    { value: "var(--dimension-48)", name: "--size-image-small" },
    { value: "var(--dimension-56)", name: "--size-image-medium" },
    { value: "var(--dimension-64)", name: "--size-image-large" },
    { value: "var(--dimension-80)", name: "--size-image-xlarge" },
    { value: "var(--dimension-96)", name: "--size-image-xxlarge" },
    { value: "var(--dimension-12)", name: "--size-item-xsmall" },
    { value: "var(--dimension-16)", name: "--size-item-small" },
    { value: "var(--dimension-24)", name: "--size-item-medium" },
    { value: "var(--dimension-32)", name: "--size-item-large" },
    { value: "var(--dimension-48)", name: "--size-item-xlarge" },
    { value: "var(--dimension-100)", name: "--size-layout-xsmall" },
    { value: "var(--dimension-200)", name: "--size-layout-small" },
    { value: "var(--dimension-300)", name: "--size-layout-medium" },
    { value: "var(--dimension-400)", name: "--size-layout-large" },
    { value: "var(--dimension-500)", name: "--size-layout-xlarge" },
    { value: "280px", name: "--size-sidebar" },
    { value: "118px", name: "--size-sidebar-narrow" },
    { value: "6px", name: "--button-badge-size" },
    { value: "var(--size-item-large)", name: "--button-min-height" },
    { value: "var(--size-item-medium)", name: "--button-min-height-small" },
    { value: "40px", name: "--button-min-height-large" },
    { value: "var(--button-min-height)", name: "--button-size-icon" },
    {
      value: "var(--button-min-height-small)",
      name: "--button-size-icon-small",
    },
    {
      value: "var(--button-min-height-large)",
      name: "--button-size-icon-large",
    },
    { value: "160px", name: "--card-cover-image-height-default" },
    { value: "var(--size-item-small)", name: "--checkbox-size" },
    { value: "var(--size-item-small)", name: "--input-height" },
    { value: "var(--button-min-height)", name: "--input-text-min-height" },
    { value: "var(--size-item-small)", name: "--input-width" },
    {
      value: { brand: { default: "664px" } },
      name: "--page-main-content-width",
    },
    { value: "initial", name: "--panel-width" },
    { value: "14px", name: "--toolbarbutton-badge-min-width" },
    { value: "20px", name: "--toolbarbutton-badge-max-width" },
    { value: "var(--size-item-medium)", name: "--input-color-swatch-size" },
    {
      value: "var(--size-item-large)",
      name: "--message-bar-container-min-height",
    },
    { value: "min-content", name: "--message-bar-icon-container-height" },
    { value: "4px", name: "--page-nav-button-indicator-width" },
    { value: "var(--icon-size-large)", name: "--page-nav-heading-logo-size" },
    { value: "var(--size-image-xlarge)", name: "--promo-image-size" },
    {
      value: "calc(2 * var(--size-image-xlarge))",
      name: "--promo-image-size-large",
    },
    { value: "2px", name: "--reorderable-list-indicator-size" },
    { value: "var(--button-min-height)", name: "--select-min-height" },
    { value: "var(--select-min-height)", name: "--select-min-height-small" },
    { value: "var(--size-item-small)", name: "--toggle-height" },
    { value: "var(--size-item-large)", name: "--toggle-width" },
    {
      value:
        "calc(var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width))",
      name: "--toggle-dot-height",
    },
    { value: "var(--toggle-dot-height)", name: "--toggle-dot-width" },
    {
      value:
        "calc(var(--toggle-width) - 2 * var(--toggle-dot-margin) - 2px - var(--toggle-dot-width))",
      name: "--toggle-dot-transform-x",
    },
    { value: 1.7, name: "--tab-label-line-height" },
    {
      value: "var(--dimension-40)",
      name: "--tab-pinned-expanded-background-width",
    },
    { value: "var(--icon-size)", name: "--urlbarview-favicon-size" },
    { value: "var(--size-item-large)", name: "--urlbarview-row-min-height" },
  ],
  space: [
    { value: "var(--dimension-relative-0125)", name: "--space-xxsmall" },
    { value: "var(--dimension-relative-025)", name: "--space-xsmall" },
    { value: "var(--dimension-relative-050)", name: "--space-small" },
    { value: "var(--dimension-relative-075)", name: "--space-medium" },
    { value: "var(--dimension-relative-100)", name: "--space-large" },
    { value: "var(--dimension-relative-150)", name: "--space-xlarge" },
    { value: "var(--dimension-relative-200)", name: "--space-xxlarge" },
    { value: "var(--space-xxsmall)", name: "--button-gap-split" },
    {
      value: "var(--button-padding-block) var(--button-padding-inline)",
      name: "--button-padding",
    },
    { value: "var(--space-xsmall)", name: "--button-padding-block" },
    { value: "var(--space-small)", name: "--button-padding-block-large" },
    { value: "var(--space-xxsmall)", name: "--button-padding-block-small" },
    { value: "var(--space-large)", name: "--button-padding-inline" },
    { value: "var(--space-xlarge)", name: "--button-padding-inline-large" },
    {
      value: "var(--button-padding-inline)",
      name: "--button-padding-inline-small",
    },
    { value: 0, name: "--button-padding-icon" },
    { value: "var(--space-small)", name: "--card-cover-image-padding" },
    {
      value: "var(--space-xsmall)",
      name: "--card-cover-image-padding-compact",
    },
    { value: "var(--space-large)", name: "--card-padding" },
    { value: "var(--space-small)", name: "--card-padding-compact" },
    { value: "var(--card-padding)", name: "--card-gap" },
    { value: "var(--space-small)", name: "--card-gap-compact" },
    { value: "var(--space-small)", name: "--card-gap-article" },
    { value: "var(--space-small)", name: "--checkbox-margin-inline" },
    { value: "4px", name: "--info-bar-margin-block-start" },
    { value: "4px", name: "--info-bar-margin-block-end" },
    { value: "4px", name: "--info-bar-margin-inline" },
    { value: "var(--space-medium)", name: "--input-folder-gap" },
    { value: { brand: { default: "64px" } }, name: "--page-space-block-start" },
    {
      value:
        "var(--panel-menuitem-margin-block) var(--panel-menuitem-margin-inline)",
      name: "--panel-menuitem-margin",
    },
    { value: "0", name: "--panel-menuitem-margin-block" },
    { value: "8px", name: "--panel-menuitem-margin-inline" },
    {
      value:
        "var(--panel-menuitem-padding-block) var(--panel-menuitem-padding-inline)",
      name: "--panel-menuitem-padding",
    },
    { value: "8px", name: "--panel-menuitem-padding-block" },
    { value: "8px", name: "--panel-menuitem-padding-inline" },
    { value: "4px", name: "--panel-box-shadow-margin" },
    { value: "16px", name: "--panel-padding" },
    { value: "4px", name: "--panel-padding-block" },
    {
      value:
        "var(--panel-separator-padding-block) var(--panel-separator-padding-inline)",
      name: "--panel-separator-padding",
    },
    { value: "4px", name: "--panel-separator-padding-block" },
    { value: "8px", name: "--panel-separator-padding-inline" },
    { value: "8px", name: "--toolbar-padding-inline" },
    { value: "2px", name: "--toolbarbutton-badge-padding-inline" },
    { value: "1px", name: "--toolbarbutton-badge-padding-block-end" },
    { value: "2px", name: "--toolbarbutton-padding-outer" },
    { value: "1px", name: "--toolbarbutton-padding-outer-narrow" },
    { value: "8px", name: "--toolbarbutton-padding-inner" },
    { value: "7px", name: "--toolbarbutton-padding-inner-narrow" },
    { value: "6px", name: "--toolbarbutton-padding-inner-compact" },
    { value: "9px", name: "--toolbarbutton-padding-inner-touch" },
    { value: "8px", name: "--toolbarbutton-padding-inner-touch-narrow" },
    { value: "0", name: "--badge-padding-block" },
    { value: "var(--space-xsmall)", name: "--badge-padding-inline" },
    { value: "var(--space-small)", name: "--breadcrumb-gap" },
    { value: "var(--space-small)", name: "--input-color-gap" },
    { value: "var(--space-small)", name: "--input-color-space-padding-block" },
    {
      value: "var(--space-medium)",
      name: "--input-color-space-padding-inline",
    },
    {
      value: "var(--space-xsmall) var(--space-large)",
      name: "--message-bar-actions-button-padding",
    },
    { value: "var(--space-small)", name: "--message-bar-actions-gap" },
    { value: "var(--space-small)", name: "--message-bar-container-gap" },
    {
      value: "var(--space-small)",
      name: "--message-bar-container-padding-block",
    },
    {
      value: "var(--space-medium) var(--space-small)",
      name: "--message-bar-container-padding-inline",
    },
    {
      value: "var(--space-small) var(--space-medium)",
      name: "--message-bar-content-gap",
    },
    {
      value: "calc(var(--space-small) + 2px)",
      name: "--message-bar-icon-container-margin-block-start",
    },
    { value: "0", name: "--message-bar-icon-container-padding" },
    {
      value: "var(--space-xsmall)",
      name: "--message-bar-message-margin-inline-end",
    },
    {
      value: "var(--space-xsmall) var(--space-small)",
      name: "--message-bar-text-container-gap",
    },
    {
      value:
        "calc((var(--message-bar-container-min-height) - var(--message-bar-icon-size)) / 2)",
      name: "--message-bar-text-container-padding-block",
    },
    {
      value: "var(--space-xsmall) var(--space-small)",
      name: "--message-bar-text-content-gap",
    },
    { value: "var(--space-xsmall)", name: "--page-nav-button-gap" },
    {
      value: "var(--space-small) var(--space-medium)",
      name: "--page-nav-button-padding",
    },
    { value: "var(--space-small)", name: "--page-nav-button-padding-small" },
    { value: "0px", name: "--page-nav-focus-padding" },
    { value: "var(--space-large)", name: "--page-nav-gap" },
    {
      value: "var(--page-space-block-start)",
      name: "--page-nav-margin-block-start",
    },
    { value: "40px", name: "--page-nav-margin-inline-start" },
    { value: "var(--space-medium)", name: "--promo-padding" },
    {
      value: "var(--reorderable-list-indicator-size)",
      name: "--reorderable-list-indicator-margin",
    },
    { value: "var(--space-xsmall)", name: "--segmented-control-padding" },
    { value: "var(--space-small)", name: "--select-padding-block" },
    { value: "var(--icon-size)", name: "--select-padding-icon" },
    { value: "var(--space-large)", name: "--select-space-inline" },
    { value: "var(--space-large)", name: "--select-space-inline-small" },
    { value: "1px", name: "--toggle-dot-margin" },
    { value: "calc(-1 * var(--dimension-2))", name: "--toggle-inset" },
    { value: "4px", name: "--panel-item-badge-inset-block-start" },
    { value: "24px", name: "--panel-item-badge-inset-inline-start" },
    { value: "0", name: "--panel-item-button-margin" },
    {
      value: "var(--space-xsmall) var(--space-small)",
      name: "--panel-item-button-padding",
    },
    {
      value: "var(--space-xxlarge)",
      name: "--panel-item-button-padding-inline-start",
    },
    { value: "var(--space-large)", name: "--box-padding" },
    { value: "var(--dimension-4)", name: "--tab-margin-block" },
    { value: "6px", name: "--tab-close-button-padding" },
    { value: "5.5px", name: "--tab-icon-end-margin" },
    { value: "var(--dimension-8)", name: "--tab-inline-padding" },
    { value: "var(--space-medium)", name: "--tab-inner-inline-margin" },
    { value: "var(--dimension-2)", name: "--tab-overflow-clip-margin" },
    {
      value: "var(--space-small)",
      name: "--tab-pinned-container-margin-inline-expanded",
    },
    {
      value: "var(--space-xsmall)",
      name: "--tab-pinned-margin-inline-expanded",
    },
    { value: "var(--dimension-2)", name: "--tab-vertical-block-margin" },
    { value: "var(--space-medium)", name: "--tab-vertical-inline-padding" },
    { value: "5px", name: "--urlbar-margin-inline" },
    { value: "4px", name: "--urlbar-padding-block" },
    { value: "var(--space-small)", name: "--urlbarview-row-padding-block" },
  ],
  "text-color": [
    {
      value: {
        prefersContrast: "CanvasText",
        brand: {
          light: "var(--color-gray-100)",
          dark: "var(--color-gray-0)",
          default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
        },
        platform: { default: "currentColor" },
      },
      name: "--text-color",
    },
    {
      value: {
        default: "color-mix(in srgb, currentColor 69%, transparent)",
        prefersContrast: "inherit",
      },
      name: "--text-color-deemphasized",
    },
    {
      value: {
        default: "color-mix(in srgb, currentColor 40%, transparent)",
        forcedColors: "GrayText",
      },
      name: "--text-color-disabled",
    },
    {
      value: {
        light: "var(--color-red-70)",
        dark: "var(--color-red-20)",
        prefersContrast: "inherit",
        default: "light-dark(var(--color-red-70), var(--color-red-20))",
      },
      name: "--text-color-error",
    },
    {
      value: {
        forcedColors: "SelectedItemText",
        brand: {
          light: "var(--color-white)",
          dark: "var(--color-gray-100)",
          default: "light-dark(var(--color-white), var(--color-gray-100))",
        },
        platform: { default: "SelectedItemText" },
      },
      name: "--text-color-accent-primary-selected",
    },
    {
      value: {
        default: "var(--text-color)",
        prefersContrast: "SelectedItemText",
      },
      name: "--text-color-list-item-hover",
    },
    {
      value: {
        forcedColors: "ButtonText",
        brand: {
          light: "var(--color-gray-100)",
          dark: "var(--color-gray-0)",
          default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
        },
        nativeTheme: "currentColor",
        platform: {
          default: "currentColor",
          browserTheme: {
            light: "rgb(21, 20, 26)",
            dark: "rgb(251, 251, 254)",
            default: "light-dark(rgb(21, 20, 26), rgb(251, 251, 254))",
          },
        },
      },
      name: "--button-text-color",
    },
    {
      value: {
        default: "var(--button-text-color)",
        forcedColors: "SelectedItem",
      },
      name: "--button-text-color-active",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "var(--color-gray-100)",
        forcedColors: "var(--button-text-color-primary)",
        default: "light-dark(var(--color-white), var(--color-gray-100))",
      },
      name: "--button-text-color-destructive",
    },
    {
      value: {
        default: "var(--button-text-color-destructive)",
        forcedColors: "var(--button-text-color-primary-active)",
      },
      name: "--button-text-color-destructive-active",
    },
    {
      value: {
        default: "var(--button-text-color-destructive)",
        forcedColors: "var(--button-text-color-primary-disabled)",
      },
      name: "--button-text-color-destructive-disabled",
    },
    {
      value: {
        default: "var(--button-text-color-destructive)",
        forcedColors: "var(--button-text-color-primary-hover)",
      },
      name: "--button-text-color-destructive-hover",
    },
    {
      value: "var(--button-text-color-destructive-active)",
      name: "--button-text-color-destructive-selected",
    },
    {
      value: { default: "var(--button-text-color)", forcedColors: "GrayText" },
      name: "--button-text-color-disabled",
    },
    {
      value: {
        default: "inherit",
        brand: {
          prefersContrast: "var(--button-text-color)",
          forcedColors: "var(--button-text-color)",
        },
      },
      name: "--button-text-color-ghost",
    },
    {
      value: {
        default: "inherit",
        prefersContrast: "var(--button-text-color-active)",
        forcedColors: "var(--button-text-color-active)",
      },
      name: "--button-text-color-ghost-active",
    },
    {
      value: {
        default: "inherit",
        brand: {
          prefersContrast: "var(--button-text-color-disabled)",
          forcedColors: "var(--button-text-color-disabled)",
        },
      },
      name: "--button-text-color-ghost-disabled",
    },
    {
      value: {
        default: "inherit",
        prefersContrast: "var(--button-text-color-hover)",
        forcedColors: "var(--button-text-color-hover)",
      },
      name: "--button-text-color-ghost-hover",
    },
    {
      value: "var(--button-text-color-ghost-active)",
      name: "--button-text-color-ghost-selected",
    },
    { value: "var(--button-text-color)", name: "--button-text-color-muted" },
    {
      value: "var(--button-text-color-active)",
      name: "--button-text-color-muted-active",
    },
    {
      value: "var(--button-text-color-hover)",
      name: "--button-text-color-muted-hover",
    },
    {
      value: "var(--button-text-color-disabled)",
      name: "--button-text-color-muted-disabled",
    },
    {
      value: "var(--button-text-color-muted-active)",
      name: "--button-text-color-muted-selected",
    },
    {
      value: {
        default: "var(--button-text-color)",
        forcedColors: "SelectedItem",
      },
      name: "--button-text-color-hover",
    },
    {
      value: "var(--button-text-color-ghost)",
      name: "--button-text-color-menu",
    },
    {
      value: {
        default: "var(--button-text-color-ghost-active)",
        forcedColors: "var(--button-text-color-primary)",
      },
      name: "--button-text-color-menu-active",
    },
    {
      value: "var(--button-text-color-ghost-disabled)",
      name: "--button-text-color-menu-disabled",
    },
    {
      value: {
        default: "var(--button-text-color-ghost-hover)",
        forcedColors: "var(--button-text-color-primary)",
      },
      name: "--button-text-color-menu-hover",
    },
    {
      value: {
        default: "var(--button-text-color-ghost-selected)",
        forcedColors: "var(--button-text-color-primary-selected)",
        nativeTheme: "currentColor",
        platform: {
          default: "currentColor",
          browserTheme: { default: "var(--button-text-color-ghost-selected)" },
        },
      },
      name: "--button-text-color-menu-selected",
    },
    {
      value: {
        forcedColors: "ButtonFace",
        brand: {
          light: "var(--color-white)",
          dark: "var(--color-gray-100)",
          default: "light-dark(var(--color-white), var(--color-gray-100))",
        },
        nativeTheme: "AccentColorText",
        platform: {
          default: "AccentColorText",
          browserTheme: {
            light: "rgb(251, 251, 254)",
            dark: "rgb(43, 42, 51)",
            default: "light-dark(rgb(251, 251, 254), rgb(43, 42, 51))",
          },
        },
      },
      name: "--button-text-color-primary",
    },
    {
      value: "var(--button-text-color-primary-hover)",
      name: "--button-text-color-primary-active",
    },
    {
      value: "var(--button-text-color-primary)",
      name: "--button-text-color-primary-disabled",
    },
    {
      value: {
        default: "var(--button-text-color-primary)",
        forcedColors: "SelectedItemText",
      },
      name: "--button-text-color-primary-hover",
    },
    {
      value: "var(--button-text-color-primary-active)",
      name: "--button-text-color-primary-selected",
    },
    {
      value: "var(--button-text-color-active)",
      name: "--button-text-color-selected",
    },
    {
      value: {
        default: "inherit",
        brand: {
          prefersContrast: "var(--button-text-color)",
          forcedColors: "var(--button-text-color)",
        },
      },
      name: "--button-text-color-toolbar",
    },
    {
      value: {
        default: "inherit",
        prefersContrast: "var(--button-text-color-active)",
        forcedColors: "var(--button-text-color-active)",
      },
      name: "--button-text-color-toolbar-active",
    },
    {
      value: {
        default: "inherit",
        brand: {
          prefersContrast: "var(--button-text-color-disabled)",
          forcedColors: "var(--button-text-color-disabled)",
        },
      },
      name: "--button-text-color-toolbar-disabled",
    },
    {
      value: {
        default: "inherit",
        prefersContrast: "var(--button-text-color-hover)",
        forcedColors: "var(--button-text-color-hover)",
      },
      name: "--button-text-color-toolbar-hover",
    },
    {
      value: "var(--button-text-color-ghost-active)",
      name: "--button-text-color-toolbar-selected",
    },
    { value: "var(--button-text-color)", name: "--card-header-text-color" },
    {
      value: "var(--button-text-color-hover)",
      name: "--card-header-text-color-hover",
    },
    {
      value: "var(--button-text-color-active)",
      name: "--card-header-text-color-active",
    },
    {
      value: {
        nativeTheme: "FieldText",
        platform: {
          default: "FieldText",
          browserTheme: {
            light: "rgb(21, 20, 26)",
            dark: "rgb(251, 251, 254)",
            default: "light-dark(rgb(21, 20, 26), rgb(251, 251, 254))",
          },
        },
      },
      name: "--input-text-color",
    },
    {
      value: { default: "var(--input-text-color)", forcedColors: "GrayText" },
      name: "--input-text-color-disabled",
    },
    {
      value: {
        forcedColors: "LinkText",
        default: "var(--color-accent-primary)",
        nativeTheme: "LinkText",
        platform: {
          default: "LinkText",
          browserTheme: { default: "var(--color-accent-primary)" },
        },
      },
      name: "--link-color",
    },
    {
      value: {
        forcedColors: "LinkText",
        default: "var(--color-accent-primary-hover)",
        nativeTheme: "color-mix(in srgb, black 10%, var(--link-color))",
        platform: {
          default: "color-mix(in srgb, black 10%, var(--link-color))",
          browserTheme: { default: "var(--color-accent-primary-hover)" },
        },
      },
      name: "--link-color-hover",
    },
    {
      value: {
        forcedColors: "ActiveText",
        default: "var(--color-accent-primary-active)",
        nativeTheme: "color-mix(in srgb, black 20%, var(--link-color))",
        platform: {
          default: "color-mix(in srgb, black 20%, var(--link-color))",
          browserTheme: { default: "var(--color-accent-primary-active)" },
        },
      },
      name: "--link-color-active",
    },
    {
      value: { forcedColors: "VisitedText", default: "var(--link-color)" },
      name: "--link-color-visited",
    },
    {
      value: {
        light: "var(--color-black)",
        dark: "rgb(251, 251, 254)",
        nativeTheme: "FieldText",
        forcedColors: "MenuText",
        platform: {
          default: "FieldText",
          browserTheme: {
            light: "var(--color-black)",
            dark: "rgb(251, 251, 254)",
            default: "light-dark(var(--color-black), rgb(251, 251, 254))",
          },
        },
        default: "light-dark(var(--color-black), rgb(251, 251, 254))",
      },
      name: "--panel-text-color",
    },
    {
      value: {
        light: "rgb(21, 20, 26)",
        dark: "rgb(249, 249, 250)",
        nativeTheme: "-moz-sidebartext",
        platform: {
          default: "-moz-sidebartext",
          browserTheme: {
            light: "rgb(21, 20, 26)",
            dark: "rgb(249, 249, 250)",
            default: "light-dark(rgb(21, 20, 26), rgb(249, 249, 250))",
          },
        },
        default: "light-dark(rgb(21, 20, 26), rgb(249, 249, 250))",
      },
      name: "--sidebar-text-color",
    },
    {
      value: {
        light: "var(--color-gray-100)",
        dark: "var(--color-gray-0)",
        nativeTheme: "inherit",
        prefersContrast: "FieldText",
        platform: {
          default: "inherit",
          browserTheme: {
            light: "var(--color-gray-100)",
            dark: "var(--color-gray-0)",
            default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
          },
        },
        default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
      },
      name: "--toolbar-field-text-color",
    },
    {
      value: {
        light: "var(--color-black)",
        dark: "var(--color-gray-0)",
        nativeTheme: "FieldText",
        platform: {
          default: "FieldText",
          browserTheme: {
            light: "var(--color-black)",
            dark: "var(--color-gray-0)",
            default: "light-dark(var(--color-black), var(--color-gray-0))",
          },
        },
        default: "light-dark(var(--color-black), var(--color-gray-0))",
      },
      name: "--toolbar-field-text-color-focus",
    },
    {
      value: {
        light: "var(--color-gray-100)",
        dark: "var(--color-gray-0)",
        nativeTheme: "-moz-dialogtext",
        platform: {
          default: "-moz-dialogtext",
          browserTheme: {
            light: "var(--color-gray-100)",
            dark: "var(--color-gray-0)",
            default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
          },
        },
        default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
      },
      name: "--toolbar-text-color",
    },
    {
      value: {
        light: "var(--color-gray-100)",
        dark: "var(--color-gray-0)",
        nativeTheme: "-moz-headerbartext",
        platform: {
          default: "-moz-headerbartext",
          browserTheme: {
            light: "var(--color-gray-100)",
            dark: "var(--color-gray-0)",
            default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
          },
        },
        default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
      },
      name: "--toolbox-text-color",
    },
    {
      value: {
        default: "var(--toolbox-text-color)",
        nativeTheme: "-moz-headerbarinactivetext",
        platform: {
          default: "-moz-headerbarinactivetext",
          browserTheme: { default: "var(--toolbox-text-color)" },
        },
      },
      name: "--toolbox-text-color-inactive",
    },
    {
      value: {
        default: "var(--text-color-deemphasized)",
        forcedColors: "CanvasText",
      },
      name: "--badge-text-color",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "var(--color-gray-100)",
        forcedColors: "AccentColorText",
        default: "light-dark(var(--color-white), var(--color-gray-100))",
      },
      name: "--badge-text-color-filled",
    },
    { value: "var(--link-color)", name: "--breadcrumb-link-color" },
    { value: "var(--link-color-hover)", name: "--breadcrumb-link-color-hover" },
    {
      value: "var(--link-color-active)",
      name: "--breadcrumb-link-color-active",
    },
    {
      value: "var(--link-color-visited)",
      name: "--breadcrumb-link-color-visited",
    },
    { value: "var(--button-text-color)", name: "--input-color-text-color" },
    {
      value: "var(--button-text-color-active)",
      name: "--input-color-text-color-active",
    },
    {
      value: "var(--button-text-color-hover)",
      name: "--input-color-text-color-hover",
    },
    { value: "var(--text-color)", name: "--message-bar-text-color" },
    {
      value: "var(--button-text-color-ghost)",
      name: "--page-nav-button-text-color",
    },
    {
      value: "var(--button-text-color-ghost-hover)",
      name: "--page-nav-button-text-color-hover",
    },
    {
      value: "var(--button-text-color-ghost-active)",
      name: "--page-nav-button-text-color-active",
    },
    {
      value: "var(--color-accent-primary)",
      name: "--page-nav-button-text-color-selected",
    },
    {
      value: "var(--promo-message-text-color)",
      name: "--promo-heading-text-color",
    },
    {
      value: "var(--promo-message-text-color)",
      name: "--promo-heading-text-color-vibrant",
    },
    { value: "var(--text-color)", name: "--promo-message-text-color" },
    {
      value: {
        light: "var(--color-violet-80)",
        dark: "var(--color-violet-0)",
        default: "light-dark(var(--color-violet-80), var(--color-violet-0))",
      },
      name: "--promo-message-text-color-vibrant",
    },
    { value: "var(--text-color)", name: "--select-option-text-color" },
    { value: "var(--button-text-color)", name: "--select-text-color" },
    {
      value: "var(--button-text-color-hover)",
      name: "--select-text-color-hover",
    },
    {
      value: "var(--button-text-color-disabled)",
      name: "--select-text-color-disabled",
    },
    { value: "var(--text-color)", name: "--panel-list-text-color" },
    { value: "var(--button-text-color-menu)", name: "--box-button-text-color" },
    {
      value: "var(--button-text-color-menu-hover)",
      name: "--box-button-text-color-hover",
    },
    {
      value: "var(--button-text-color-menu-active)",
      name: "--box-button-text-color-active",
    },
    {
      value: "var(--button-text-color-menu-disabled)",
      name: "--box-button-text-color-disabled",
    },
    { value: "inherit", name: "--urlbar-box-text-color" },
    {
      value: "var(--urlbar-box-text-color)",
      name: "--urlbar-box-text-color-hover",
    },
    {
      value: {
        nativeTheme: "LinkText",
        default: "LinkText",
        browserTheme: {
          light: "rgb(91, 91, 102)",
          dark: "rgb(191, 191, 201)",
          default: "light-dark(rgb(91, 91, 102), rgb(191, 191, 201))",
        },
      },
      name: "--urlbarview-text-color-action",
    },
    {
      value: {
        nativeTheme: "color-mix(in srgb, currentColor 73%, transparent)",
        default: "color-mix(in srgb, currentColor 73%, transparent)",
        forcedColors: "currentColor",
        browserTheme: {
          default: "color-mix(in srgb, currentColor 73%, transparent)",
        },
      },
      name: "--urlbarview-text-color-secondary",
    },
    {
      value: {
        nativeTheme: "SelectedItemText",
        default: "SelectedItemText",
        browserTheme: {
          light: "rgb(21, 20, 26)",
          dark: "rgb(251, 251, 254)",
          default: "light-dark(rgb(21, 20, 26), rgb(251, 251, 254))",
        },
      },
      name: "--urlbarview-text-color-selected",
    },
  ],
  border: [
    {
      value: "var(--border-width) solid var(--button-border-color)",
      name: "--button-border",
    },
    {
      value: "var(--card-border-width) solid var(--card-border-color)",
      name: "--card-border",
    },
    {
      value: "var(--border-width) solid var(--input-text-border-color)",
      name: "--input-text-border",
    },
    { value: "none", name: "--message-bar-icon-container-border" },
    {
      value: "var(--promo-border-width) solid var(--promo-border-color)",
      name: "--promo-border",
    },
    {
      value: "var(--border-width) solid var(--segmented-control-border-color)",
      name: "--segmented-control-border",
    },
    { value: "var(--button-border)", name: "--select-border" },
    {
      value: "var(--box-border-width) solid var(--box-border-color)",
      name: "--box-border",
    },
  ],
  uncategorized: [
    { value: "center", name: "--button-content-alignment" },
    { value: "cover", name: "--card-cover-image-object-fit-default" },
    { value: "center", name: "--card-cover-image-object-position-default" },
    { value: "var(--button-min-height-small)", name: "--small" },
    { value: "var(--button-padding-block)", name: "--block" },
    {
      value: {
        nativeTheme: "var(--toolbar-text-color)",
        default: "var(--toolbar-text-color)",
        browserTheme: {
          light: "rgb(21, 20, 26)",
          dark: "var(--color-white)",
          default: "light-dark(rgb(21, 20, 26), var(--color-white))",
        },
      },
      name: "--tab-selected-textcolor",
    },
    {
      value: {
        light: "var(--color-blue-50)",
        dark: "var(--color-blue-10)",
        default: "light-dark(var(--color-blue-50), var(--color-blue-10))",
      },
      name: "--tab-group-blue",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "var(--color-blue-60)",
        default: "light-dark(var(--color-white), var(--color-blue-60))",
      },
      name: "--tab-group-blue-text",
    },
    {
      value: {
        dark: "var(--color-white)",
        light: "var(--color-blue-60)",
        default: "light-dark(var(--color-blue-60), var(--color-white))",
      },
      name: "--tab-group-blue-text-invert",
    },
    {
      value: {
        light: "var(--color-blue-60)",
        dark: "var(--color-blue-20)",
        default: "light-dark(var(--color-blue-60), var(--color-blue-20))",
      },
      name: "--tab-group-blue-hover",
    },
    {
      value: {
        light: "var(--color-blue-10)",
        dark: "var(--color-blue-50)",
        default: "light-dark(var(--color-blue-10), var(--color-blue-50))",
      },
      name: "--tab-group-blue-invert",
    },
    {
      value: {
        light: "var(--color-purple-50)",
        dark: "var(--color-purple-10)",
        default: "light-dark(var(--color-purple-50), var(--color-purple-10))",
      },
      name: "--tab-group-purple",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "var(--color-purple-60)",
        default: "light-dark(var(--color-white), var(--color-purple-60))",
      },
      name: "--tab-group-purple-text",
    },
    {
      value: {
        dark: "var(--color-white)",
        light: "var(--color-purple-60)",
        default: "light-dark(var(--color-purple-60), var(--color-white))",
      },
      name: "--tab-group-purple-text-invert",
    },
    {
      value: {
        light: "var(--color-purple-60)",
        dark: "var(--color-purple-20)",
        default: "light-dark(var(--color-purple-60), var(--color-purple-20))",
      },
      name: "--tab-group-purple-hover",
    },
    {
      value: {
        light: "var(--color-purple-10)",
        dark: "var(--color-purple-50)",
        default: "light-dark(var(--color-purple-10), var(--color-purple-50))",
      },
      name: "--tab-group-purple-invert",
    },
    {
      value: {
        light: "var(--color-cyan-50)",
        dark: "var(--color-cyan-10)",
        default: "light-dark(var(--color-cyan-50), var(--color-cyan-10))",
      },
      name: "--tab-group-cyan",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "var(--color-cyan-60)",
        default: "light-dark(var(--color-white), var(--color-cyan-60))",
      },
      name: "--tab-group-cyan-text",
    },
    {
      value: {
        dark: "var(--color-white)",
        light: "var(--color-cyan-60)",
        default: "light-dark(var(--color-cyan-60), var(--color-white))",
      },
      name: "--tab-group-cyan-text-invert",
    },
    {
      value: {
        light: "var(--color-cyan-60)",
        dark: "var(--color-cyan-20)",
        default: "light-dark(var(--color-cyan-60), var(--color-cyan-20))",
      },
      name: "--tab-group-cyan-hover",
    },
    {
      value: {
        light: "var(--color-cyan-10)",
        dark: "var(--color-cyan-50)",
        default: "light-dark(var(--color-cyan-10), var(--color-cyan-50))",
      },
      name: "--tab-group-cyan-invert",
    },
    {
      value: {
        light: "var(--color-orange-50)",
        dark: "var(--color-orange-10)",
        default: "light-dark(var(--color-orange-50), var(--color-orange-10))",
      },
      name: "--tab-group-orange",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "var(--color-orange-60)",
        default: "light-dark(var(--color-white), var(--color-orange-60))",
      },
      name: "--tab-group-orange-text",
    },
    {
      value: {
        dark: "var(--color-white)",
        light: "var(--color-orange-60)",
        default: "light-dark(var(--color-orange-60), var(--color-white))",
      },
      name: "--tab-group-orange-text-invert",
    },
    {
      value: {
        light: "var(--color-orange-60)",
        dark: "var(--color-orange-20)",
        default: "light-dark(var(--color-orange-60), var(--color-orange-20))",
      },
      name: "--tab-group-orange-hover",
    },
    {
      value: {
        light: "var(--color-orange-10)",
        dark: "var(--color-orange-50)",
        default: "light-dark(var(--color-orange-10), var(--color-orange-50))",
      },
      name: "--tab-group-orange-invert",
    },
    {
      value: {
        light: "var(--color-yellow-50)",
        dark: "var(--color-yellow-10)",
        default: "light-dark(var(--color-yellow-50), var(--color-yellow-10))",
      },
      name: "--tab-group-yellow",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "var(--color-yellow-60)",
        default: "light-dark(var(--color-white), var(--color-yellow-60))",
      },
      name: "--tab-group-yellow-text",
    },
    {
      value: {
        dark: "var(--color-white)",
        light: "var(--color-yellow-60)",
        default: "light-dark(var(--color-yellow-60), var(--color-white))",
      },
      name: "--tab-group-yellow-text-invert",
    },
    {
      value: {
        light: "var(--color-yellow-60)",
        dark: "var(--color-yellow-20)",
        default: "light-dark(var(--color-yellow-60), var(--color-yellow-20))",
      },
      name: "--tab-group-yellow-hover",
    },
    {
      value: {
        light: "var(--color-yellow-10)",
        dark: "var(--color-yellow-50)",
        default: "light-dark(var(--color-yellow-10), var(--color-yellow-50))",
      },
      name: "--tab-group-yellow-invert",
    },
    {
      value: {
        light: "var(--color-pink-50)",
        dark: "var(--color-pink-10)",
        default: "light-dark(var(--color-pink-50), var(--color-pink-10))",
      },
      name: "--tab-group-pink",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "var(--color-pink-60)",
        default: "light-dark(var(--color-white), var(--color-pink-60))",
      },
      name: "--tab-group-pink-text",
    },
    {
      value: {
        dark: "var(--color-white)",
        light: "var(--color-pink-60)",
        default: "light-dark(var(--color-pink-60), var(--color-white))",
      },
      name: "--tab-group-pink-text-invert",
    },
    {
      value: {
        light: "var(--color-pink-60)",
        dark: "var(--color-pink-20)",
        default: "light-dark(var(--color-pink-60), var(--color-pink-20))",
      },
      name: "--tab-group-pink-hover",
    },
    {
      value: {
        light: "var(--color-pink-10)",
        dark: "var(--color-pink-50)",
        default: "light-dark(var(--color-pink-10), var(--color-pink-50))",
      },
      name: "--tab-group-pink-invert",
    },
    {
      value: {
        light: "var(--color-green-50)",
        dark: "var(--color-green-10)",
        default: "light-dark(var(--color-green-50), var(--color-green-10))",
      },
      name: "--tab-group-green",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "var(--color-green-60)",
        default: "light-dark(var(--color-white), var(--color-green-60))",
      },
      name: "--tab-group-green-text",
    },
    {
      value: {
        dark: "var(--color-white)",
        light: "var(--color-green-60)",
        default: "light-dark(var(--color-green-60), var(--color-white))",
      },
      name: "--tab-group-green-text-invert",
    },
    {
      value: {
        light: "var(--color-green-60)",
        dark: "var(--color-green-20)",
        default: "light-dark(var(--color-green-60), var(--color-green-20))",
      },
      name: "--tab-group-green-hover",
    },
    {
      value: {
        light: "var(--color-green-10)",
        dark: "var(--color-green-50)",
        default: "light-dark(var(--color-green-10), var(--color-green-50))",
      },
      name: "--tab-group-green-invert",
    },
    {
      value: {
        light: "var(--color-red-50)",
        dark: "var(--color-red-10)",
        default: "light-dark(var(--color-red-50), var(--color-red-10))",
      },
      name: "--tab-group-red",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "var(--color-red-60)",
        default: "light-dark(var(--color-white), var(--color-red-60))",
      },
      name: "--tab-group-red-text",
    },
    {
      value: {
        dark: "var(--color-white)",
        light: "var(--color-red-60)",
        default: "light-dark(var(--color-red-60), var(--color-white))",
      },
      name: "--tab-group-red-text-invert",
    },
    {
      value: {
        light: "var(--color-red-60)",
        dark: "var(--color-red-20)",
        default: "light-dark(var(--color-red-60), var(--color-red-20))",
      },
      name: "--tab-group-red-hover",
    },
    {
      value: {
        light: "var(--color-red-10)",
        dark: "var(--color-red-50)",
        default: "light-dark(var(--color-red-10), var(--color-red-50))",
      },
      name: "--tab-group-red-invert",
    },
    {
      value: {
        light: "var(--color-gray-55)",
        dark: "var(--color-gray-0)",
        default: "light-dark(var(--color-gray-55), var(--color-gray-0))",
      },
      name: "--tab-group-gray",
    },
    {
      value: {
        light: "var(--color-white)",
        dark: "var(--color-gray-65)",
        default: "light-dark(var(--color-white), var(--color-gray-65))",
      },
      name: "--tab-group-gray-text",
    },
    {
      value: {
        dark: "var(--color-white)",
        light: "var(--color-gray-65)",
        default: "light-dark(var(--color-gray-65), var(--color-white))",
      },
      name: "--tab-group-gray-text-invert",
    },
    {
      value: {
        light: "var(--color-gray-65)",
        dark: "var(--color-gray-10)",
        default: "light-dark(var(--color-gray-65), var(--color-gray-10))",
      },
      name: "--tab-group-gray-hover",
    },
    {
      value: {
        light: "var(--color-gray-0)",
        dark: "var(--color-gray-55)",
        default: "light-dark(var(--color-gray-0), var(--color-gray-55))",
      },
      name: "--tab-group-gray-invert",
    },
    {
      value: {
        default: "solid",
        nativeTheme: "solid",
        browserTheme: { default: "none" },
      },
      name: "--tabs-navbar-separator-style",
    },
  ],
  "icon-color": [
    { value: "currentColor", name: "--button-icon-fill" },
    { value: "var(--button-icon-fill)", name: "--button-icon-stroke" },
    {
      value: {
        light: "var(--color-gray-70)",
        dark: "var(--color-gray-0)",
        prefersContrast: "var(--text-color)",
        default: "light-dark(var(--color-gray-70), var(--color-gray-0))",
      },
      name: "--icon-color",
    },
    {
      value: {
        light: "var(--color-blue-60)",
        dark: "var(--color-blue-20)",
        prefersContrast: "var(--icon-color)",
        default: "light-dark(var(--color-blue-60), var(--color-blue-20))",
      },
      name: "--icon-color-information",
    },
    {
      value: {
        light: "var(--color-green-60)",
        dark: "var(--color-green-20)",
        prefersContrast: "var(--icon-color)",
        default: "light-dark(var(--color-green-60), var(--color-green-20))",
      },
      name: "--icon-color-success",
    },
    {
      value: {
        light: "var(--color-yellow-60)",
        dark: "var(--color-yellow-20)",
        prefersContrast: "var(--icon-color)",
        default: "light-dark(var(--color-yellow-60), var(--color-yellow-20))",
      },
      name: "--icon-color-warning",
    },
    {
      value: {
        light: "var(--color-red-60)",
        dark: "var(--color-red-20)",
        prefersContrast: "var(--icon-color)",
        default: "light-dark(var(--color-red-60), var(--color-red-20))",
      },
      name: "--icon-color-critical",
    },
    {
      value: {
        light: "var(--color-gray-70)",
        dark: "var(--color-gray-0)",
        nativeTheme: "currentColor",
        platform: {
          default: "currentColor",
          browserTheme: {
            light: "var(--color-gray-70)",
            dark: "var(--color-gray-0)",
            default: "light-dark(var(--color-gray-70), var(--color-gray-0))",
          },
        },
        default: "light-dark(var(--color-gray-70), var(--color-gray-0))",
      },
      name: "--toolbarbutton-icon-fill",
    },
    {
      value: {
        light: "var(--color-blue-60)",
        dark: "var(--color-cyan-30)",
        nativeTheme: "AccentColor",
        platform: {
          default: "AccentColor",
          browserTheme: {
            light: "var(--color-blue-60)",
            dark: "var(--color-cyan-30)",
            default: "light-dark(var(--color-blue-60), var(--color-cyan-30))",
          },
        },
        default: "light-dark(var(--color-blue-60), var(--color-cyan-30))",
      },
      name: "--toolbarbutton-icon-fill-attention",
    },
    {
      value: {
        light: "var(--color-gray-20)",
        dark: "var(--color-gray-90)",
        nativeTheme: "AccentColorText",
        platform: {
          default: "AccentColorText",
          browserTheme: {
            light: "var(--color-gray-20)",
            dark: "var(--color-gray-90)",
            default: "light-dark(var(--color-gray-20), var(--color-gray-90))",
          },
        },
        default: "light-dark(var(--color-gray-20), var(--color-gray-90))",
      },
      name: "--toolbarbutton-icon-fill-attention-text",
    },
    {
      value: "var(--icon-color-information)",
      name: "--message-bar-icon-color",
    },
    { value: "var(--button-icon-fill)", name: "--select-icon-fill" },
    { value: "var(--icon-color)", name: "--box-icon-fill" },
    { value: "var(--box-icon-fill)", name: "--box-icon-stroke" },
    { value: "var(--color-blue-50)", name: "--tab-loading-fill" },
    {
      value: {
        default: "0.9",
        nativeTheme: "0.9",
        prefersContrast: "1",
        browserTheme: { default: "0.72" },
      },
      name: "--urlbar-icon-fill-opacity",
    },
  ],
  opacity: [
    {
      value: { default: "0.5", forcedColors: "1" },
      name: "--button-opacity-disabled",
    },
    {
      value: "var(--button-opacity-disabled)",
      name: "--input-text-opacity-disabled",
    },
    {
      value: { default: "0.6", prefersContrast: "1" },
      name: "--opacity-deemphasized-strong",
    },
    {
      value: { default: "0.8", prefersContrast: "1" },
      name: "--opacity-deemphasized",
    },
    {
      value: {
        default: "var(--button-opacity-disabled)",
        prefersContrast: 0.3,
      },
      name: "--toolbarbutton-opacity-disabled",
    },
    {
      value: "var(--button-opacity-disabled)",
      name: "--select-opacity-disabled",
    },
    {
      value: "var(--button-opacity-disabled)",
      name: "--toggle-opacity-disabled",
    },
  ],
  "icon-size": [
    { value: "var(--icon-size-small)", name: "--icon-size" },
    { value: "var(--dimension-12)", name: "--icon-size-xsmall" },
    { value: "var(--dimension-16)", name: "--icon-size-small" },
    { value: "var(--dimension-20)", name: "--icon-size-medium" },
    { value: "var(--dimension-24)", name: "--icon-size-large" },
    { value: "var(--dimension-32)", name: "--icon-size-xlarge" },
    { value: "var(--size-item-xlarge)", name: "--icon-size-xxlarge" },
    { value: "var(--icon-size-xsmall)", name: "--input-text-icon-size" },
    { value: "var(--icon-size-xsmall)", name: "--breadcrumb-icon-size" },
    { value: "var(--icon-size)", name: "--message-bar-icon-size" },
    { value: "var(--icon-size)", name: "--box-icon-size" },
  ],
  "table-background": [
    {
      value: {
        light: "#f8f8fa",
        dark: "rgb(35, 34, 43)",
        forcedColors: "Canvas",
        default: "light-dark(#f8f8fa, rgb(35, 34, 43))",
      },
      name: "--table-background-color",
    },
  ],
  "table-border": [
    {
      value: {
        default: "color-mix(in srgb, currentColor 41%, transparent)",
        forcedColors: "CanvasText",
      },
      name: "--table-border-color",
    },
  ],
  "table-header": [
    {
      value: {
        default: "var(--color-accent-primary)",
        forcedColors: "AccentColor",
      },
      name: "--table-header-background-color",
    },
    {
      value: {
        forcedColors: "AccentColorText",
        brand: {
          light: "var(--color-white)",
          dark: "var(--color-gray-100)",
          default: "light-dark(var(--color-white), var(--color-gray-100))",
        },
        platform: { default: "AccentColorText" },
      },
      name: "--table-header-text-color",
    },
  ],
};

export const variableLookupTable = {
  "background-color-box": {
    light: "var(--color-white)",
    dark: "var(--color-gray-80)",
    prefersContrast: "var(--background-color-canvas)",
    default: "light-dark(var(--color-white), var(--color-gray-80))",
  },
  "background-color-box-info": {
    prefersContrast: "var(--background-color-canvas)",
    brand: {
      light: "var(--color-gray-20)",
      dark: "var(--color-gray-80)",
      default: "light-dark(var(--color-gray-20), var(--color-gray-80))",
    },
    platform: { default: "color-mix(in srgb, currentColor 6%, transparent)" },
  },
  "background-color-canvas": {
    prefersContrast: "Canvas",
    brand: {
      light: "var(--color-white)",
      dark: "var(--color-gray-90)",
      default: "light-dark(var(--color-white), var(--color-gray-90))",
    },
    platform: { default: "Canvas" },
  },
  "background-color-critical": {
    light: "var(--color-red-0)",
    dark: "var(--color-red-90)",
    prefersContrast: "var(--background-color-canvas)",
    default: "light-dark(var(--color-red-0), var(--color-red-90))",
  },
  "background-color-information": {
    light: "var(--color-blue-0)",
    dark: "var(--color-blue-90)",
    prefersContrast: "var(--background-color-canvas)",
    default: "light-dark(var(--color-blue-0), var(--color-blue-90))",
  },
  "background-color-success": {
    light: "var(--color-green-0)",
    dark: "var(--color-green-90)",
    prefersContrast: "var(--background-color-canvas)",
    default: "light-dark(var(--color-green-0), var(--color-green-90))",
  },
  "background-color-warning": {
    light: "var(--color-yellow-0)",
    dark: "var(--color-yellow-90)",
    prefersContrast: "var(--background-color-canvas)",
    default: "light-dark(var(--color-yellow-0), var(--color-yellow-90))",
  },
  "background-color-overlay": "var(--color-black-alpha-50)",
  "background-color-list-item-hover": {
    brand: {
      default:
        "color-mix(in srgb, var(--color-accent-primary) 20%, transparent)",
    },
    platform: { default: "color-mix(in srgb, currentColor 20%, transparent)" },
    prefersContrast: "SelectedItem",
  },
  "background-color-dimmed": {
    light: "color-mix(in srgb, currentColor 12%, transparent)",
    dark: "color-mix(in srgb, currentColor 17%, transparent)",
    nativeTheme: "color-mix(in srgb, currentColor 17%, transparent)",
    platform: {
      default: "color-mix(in srgb, currentColor 17%, transparent)",
      browserTheme: {
        light: "color-mix(in srgb, currentColor 12%, transparent)",
        dark: "color-mix(in srgb, currentColor 17%, transparent)",
        default:
          "light-dark(color-mix(in srgb, currentColor 12%, transparent), color-mix(in srgb, currentColor 17%, transparent))",
      },
    },
    default:
      "light-dark(color-mix(in srgb, currentColor 12%, transparent), color-mix(in srgb, currentColor 17%, transparent))",
  },
  "background-color-dimmed-further": {
    light: "color-mix(in srgb, currentColor 20%, transparent)",
    dark: "color-mix(in srgb, currentColor 14%, transparent)",
    nativeTheme: "color-mix(in srgb, currentColor 30%, transparent)",
    platform: {
      default: "color-mix(in srgb, currentColor 30%, transparent)",
      browserTheme: {
        light: "color-mix(in srgb, currentColor 20%, transparent)",
        dark: "color-mix(in srgb, currentColor 14%, transparent)",
        default:
          "light-dark(color-mix(in srgb, currentColor 20%, transparent), color-mix(in srgb, currentColor 14%, transparent))",
      },
    },
    default:
      "light-dark(color-mix(in srgb, currentColor 20%, transparent), color-mix(in srgb, currentColor 14%, transparent))",
  },
  "border-color": {
    brand: {
      light: "var(--color-gray-50)",
      dark: "var(--color-gray-70)",
      default: "light-dark(var(--color-gray-50), var(--color-gray-70))",
    },
    prefersContrast: "CanvasText",
    platform: { default: "color-mix(in srgb, currentColor 50%, transparent)" },
  },
  "border-color-transparent": {
    default: "transparent",
    prefersContrast: "CanvasText",
  },
  "border-color-deemphasized": {
    brand: {
      light: "var(--color-gray-30)",
      dark: "var(--color-gray-70)",
      default: "light-dark(var(--color-gray-30), var(--color-gray-70))",
    },
    platform: { default: "color-mix(in srgb, currentColor 24%, transparent)" },
    prefersContrast: "currentColor",
    forcedColors: "ButtonText",
  },
  "border-color-interactive": {
    prefersContrast: "var(--text-color)",
    forcedColors: "ButtonText",
    brand: {
      light: "var(--color-gray-60)",
      dark: "var(--color-gray-50)",
      default: "light-dark(var(--color-gray-60), var(--color-gray-50))",
    },
    platform: {
      default: "color-mix(in srgb, currentColor 15%, var(--color-gray-60))",
    },
  },
  "border-color-interactive-hover": {
    default: "var(--border-color-interactive)",
    forcedColors: "SelectedItem",
  },
  "border-color-interactive-active": {
    default: "var(--border-color-interactive)",
    forcedColors: "ButtonText",
  },
  "border-color-interactive-disabled": {
    default: "var(--border-color-interactive)",
    forcedColors: "GrayText",
  },
  "border-color-selected": {
    default: "var(--color-accent-primary)",
    forcedColors: "SelectedItem",
  },
  "border-color-error": {
    light: "var(--color-red-70)",
    dark: "var(--color-red-20)",
    prefersContrast: "var(--border-color)",
    default: "light-dark(var(--color-red-70), var(--color-red-20))",
  },
  "border-radius-circle": "9999px",
  "border-radius-xsmall": "2px",
  "border-radius-small": "4px",
  "border-radius-medium": "8px",
  "border-radius-large": "16px",
  "border-width": "1px",
  "box-shadow-level-1":
    "0 0 1px var(--box-shadow-color-darker-layer-1), 0 1px 2px var(--box-shadow-color-darker-layer-2)",
  "box-shadow-level-2":
    "0 0.25px 0.75px var(--box-shadow-color-lighter-layer-1), 0 2px 6px var(--box-shadow-color-lighter-layer-2)",
  "box-shadow-level-3":
    "0 0.375px 1.5px var(--box-shadow-color-lighter-layer-1), 0 3px 12px var(--box-shadow-color-lighter-layer-2)",
  "box-shadow-level-4":
    "0 0.5px 2px var(--box-shadow-color-lighter-layer-1), 0 4px 16px var(--box-shadow-color-lighter-layer-2)",
  "box-shadow-color-darker-layer-1": {
    light: "rgba(0, 0, 0, 0.15)",
    dark: "rgba(0, 0, 0, 0.2)",
    default: "light-dark(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.2))",
  },
  "box-shadow-color-darker-layer-2": {
    light: "rgba(0, 0, 0, 0.2)",
    dark: "rgba(0, 0, 0, 0.4)",
    default: "light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4))",
  },
  "box-shadow-color-lighter-layer-1": {
    light: "rgba(0, 0, 0, 0.03)",
    dark: "rgba(0, 0, 0, 0.15)",
    default: "light-dark(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.15))",
  },
  "box-shadow-color-lighter-layer-2": {
    light: "rgba(0, 0, 0, 0.05)",
    dark: "rgba(0, 0, 0, 0.2)",
    default: "light-dark(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2))",
  },
  "color-gray-0": "#fbfbfe",
  "color-gray-20": "#f0f0f4",
  "color-gray-30": "#bac2ca",
  "color-gray-50": "#bfbfc9",
  "color-gray-60": "#8f8f9d",
  "color-gray-70": "#5b5b66",
  "color-gray-80": "#23222b",
  "color-gray-90": "#1c1b22",
  "color-gray-100": "#15141a",
  "color-red-0": "oklch(97% 0.05 15)",
  "color-red-10": "oklch(90% 0.1 15)",
  "color-red-20": "oklch(83% 0.14 15)",
  "color-red-30": "oklch(76% 0.17 15)",
  "color-red-40": "oklch(69% 0.19 15)",
  "color-red-50": "oklch(62% 0.21 15)",
  "color-red-60": "oklch(55% 0.21 15)",
  "color-red-70": "oklch(48% 0.2 15)",
  "color-red-80": "oklch(41% 0.17 15)",
  "color-red-90": "oklch(34% 0.14 15)",
  "color-red-100": "oklch(27% 0.1 15)",
  "color-red-110": "oklch(20% 0.05 15)",
  "color-orange-0": "oklch(97% 0.05 50)",
  "color-orange-10": "oklch(90% 0.10 50)",
  "color-orange-20": "oklch(86% 0.14 50)",
  "color-orange-30": "oklch(79% 0.17 50)",
  "color-orange-40": "oklch(72% 0.19 50)",
  "color-orange-50": "oklch(65% 0.21 50)",
  "color-orange-60": "oklch(58% 0.21 50)",
  "color-orange-70": "oklch(48% 0.20 50)",
  "color-orange-80": "oklch(41% 0.17 50)",
  "color-orange-90": "oklch(34% 0.14 50)",
  "color-orange-100": "oklch(27% 0.10 50)",
  "color-orange-110": "oklch(20% 0.05 50)",
  "color-yellow-0": "oklch(97% 0.05 90)",
  "color-yellow-10": "oklch(93% 0.1 90)",
  "color-yellow-20": "oklch(86% 0.14 90)",
  "color-yellow-30": "oklch(79% 0.2 90)",
  "color-yellow-40": "oklch(72% 0.22 90)",
  "color-yellow-50": "oklch(65% 0.24 90)",
  "color-yellow-60": "oklch(58% 0.24 90)",
  "color-yellow-70": "oklch(51% 0.23 90)",
  "color-yellow-80": "oklch(41% 0.2 90)",
  "color-yellow-90": "oklch(34% 0.17 90)",
  "color-yellow-100": "oklch(27% 0.13 90)",
  "color-yellow-110": "oklch(20% 0.08 90)",
  "color-green-0": "oklch(97% 0.05 145)",
  "color-green-10": "oklch(90% 0.1 145)",
  "color-green-20": "oklch(83% 0.14 145)",
  "color-green-30": "oklch(76% 0.17 145)",
  "color-green-40": "oklch(69% 0.19 145)",
  "color-green-50": "oklch(62% 0.21 145)",
  "color-green-60": "oklch(55% 0.21 145)",
  "color-green-70": "oklch(48% 0.2 145)",
  "color-green-80": "oklch(41% 0.17 145)",
  "color-green-90": "oklch(34% 0.14 145)",
  "color-green-100": "oklch(27% 0.1 145)",
  "color-green-110": "oklch(20% 0.05 145)",
  "color-cyan-0": "oklch(97% 0.05 205)",
  "color-cyan-10": "oklch(90% 0.07 205)",
  "color-cyan-20": "oklch(83% 0.11 205)",
  "color-cyan-30": "oklch(76% 0.14 205)",
  "color-cyan-40": "oklch(69% 0.19 205)",
  "color-cyan-50": "oklch(62% 0.21 205)",
  "color-cyan-60": "oklch(55% 0.21 205)",
  "color-cyan-70": "oklch(48% 0.2 205)",
  "color-cyan-80": "oklch(41% 0.17 205)",
  "color-cyan-90": "oklch(34% 0.14 205)",
  "color-cyan-100": "oklch(27% 0.1 205)",
  "color-cyan-110": "oklch(20% 0.05 205)",
  "color-blue-0": "oklch(97% 0.05 260)",
  "color-blue-10": "oklch(90% 0.13 260)",
  "color-blue-20": "oklch(83% 0.17 260)",
  "color-blue-30": "oklch(76% 0.2 260)",
  "color-blue-40": "oklch(69% 0.22 260)",
  "color-blue-50": "oklch(62% 0.24 260)",
  "color-blue-60": "oklch(55% 0.24 260)",
  "color-blue-70": "oklch(48% 0.2 260)",
  "color-blue-80": "oklch(41% 0.17 260)",
  "color-blue-90": "oklch(34% 0.14 260)",
  "color-blue-100": "oklch(27% 0.1 260)",
  "color-blue-110": "oklch(20% 0.05 260)",
  "color-violet-0": "oklch(97% 0.05 290)",
  "color-violet-10": "oklch(90% 0.13 290)",
  "color-violet-20": "oklch(83% 0.17 290)",
  "color-violet-30": "oklch(76% 0.2 290)",
  "color-violet-40": "oklch(69% 0.22 290)",
  "color-violet-50": "oklch(62% 0.24 290)",
  "color-violet-60": "oklch(55% 0.24 290)",
  "color-violet-70": "oklch(48% 0.2 290)",
  "color-violet-80": "oklch(41% 0.17 290)",
  "color-violet-90": "oklch(34% 0.14 290)",
  "color-violet-100": "oklch(27% 0.1 290)",
  "color-violet-110": "oklch(20% 0.05 290)",
  "color-purple-0": "oklch(97% 0.05 315)",
  "color-purple-10": "oklch(90% 0.1 315)",
  "color-purple-20": "oklch(83% 0.14 315)",
  "color-purple-30": "oklch(76% 0.17 315)",
  "color-purple-40": "oklch(69% 0.19 315)",
  "color-purple-50": "oklch(62% 0.21 315)",
  "color-purple-60": "oklch(55% 0.21 315)",
  "color-purple-70": "oklch(48% 0.2 315)",
  "color-purple-80": "oklch(41% 0.17 315)",
  "color-purple-90": "oklch(34% 0.14 315)",
  "color-purple-100": "oklch(27% 0.1 315)",
  "color-purple-110": "oklch(20% 0.05 315)",
  "color-pink-0": "oklch(97% 0.05 360)",
  "color-pink-10": "oklch(90% 0.1 360)",
  "color-pink-20": "oklch(83% 0.14 360)",
  "color-pink-30": "oklch(76% 0.17 360)",
  "color-pink-40": "oklch(69% 0.19 360)",
  "color-pink-50": "oklch(62% 0.21 360)",
  "color-pink-60": "oklch(55% 0.21 360)",
  "color-pink-70": "oklch(48% 0.2 360)",
  "color-pink-80": "oklch(41% 0.17 360)",
  "color-pink-90": "oklch(34% 0.14 360)",
  "color-pink-100": "oklch(27% 0.1 360)",
  "color-pink-110": "oklch(20% 0.05 360)",
  "color-white": "#ffffff",
  "color-white-alpha-10": "oklch(1 0 0 / 10%)",
  "color-white-alpha-20": "oklch(1 0 0 / 20%)",
  "color-white-alpha-30": "oklch(1 0 0 / 30%)",
  "color-white-alpha-40": "oklch(1 0 0 / 40%)",
  "color-white-alpha-50": "oklch(1 0 0 / 50%)",
  "color-white-alpha-60": "oklch(1 0 0 / 60%)",
  "color-white-alpha-70": "oklch(1 0 0 / 70%)",
  "color-white-alpha-80": "oklch(1 0 0 / 80%)",
  "color-white-alpha-90": "oklch(1 0 0 / 90%)",
  "color-black": "#000000",
  "color-black-alpha-10": "oklch(0 0 0 / 10%)",
  "color-black-alpha-20": "oklch(0 0 0 / 20%)",
  "color-black-alpha-30": "oklch(0 0 0 / 30%)",
  "color-black-alpha-40": "oklch(0 0 0 / 40%)",
  "color-black-alpha-50": "oklch(0 0 0 / 50%)",
  "color-black-alpha-60": "oklch(0 0 0 / 60%)",
  "color-black-alpha-70": "oklch(0 0 0 / 70%)",
  "color-black-alpha-80": "oklch(0 0 0 / 80%)",
  "color-black-alpha-90": "oklch(0 0 0 / 90%)",
  "color-accent-primary": {
    light: "var(--color-blue-60)",
    dark: "var(--color-cyan-30)",
    nativeTheme: "AccentColor",
    forcedColors: "ButtonText",
    platform: {
      default: "AccentColor",
      browserTheme: {
        light: "var(--color-blue-60)",
        dark: "var(--color-cyan-30)",
        default: "light-dark(var(--color-blue-60), var(--color-cyan-30))",
      },
    },
    default: "light-dark(var(--color-blue-60), var(--color-cyan-30))",
  },
  "color-accent-primary-hover": {
    forcedColors: "SelectedItem",
    light: "var(--color-blue-70)",
    dark: "var(--color-cyan-20)",
    nativeTheme: "color-mix(in srgb, black 10%, var(--color-accent-primary))",
    platform: {
      default: "color-mix(in srgb, black 10%, var(--color-accent-primary))",
      browserTheme: {
        light: "var(--color-blue-70)",
        dark: "var(--color-cyan-20)",
        default: "light-dark(var(--color-blue-70), var(--color-cyan-20))",
      },
    },
    default: "light-dark(var(--color-blue-70), var(--color-cyan-20))",
  },
  "color-accent-primary-active": {
    forcedColors: "var(--color-accent-primary-hover)",
    light: "var(--color-blue-80)",
    dark: "var(--color-cyan-10)",
    nativeTheme: "color-mix(in srgb, black 20%, var(--color-accent-primary))",
    platform: {
      default: "color-mix(in srgb, black 20%, var(--color-accent-primary))",
      browserTheme: {
        light: "var(--color-blue-80)",
        dark: "var(--color-cyan-10)",
        default: "light-dark(var(--color-blue-80), var(--color-cyan-10))",
      },
    },
    default: "light-dark(var(--color-blue-80), var(--color-cyan-10))",
  },
  "color-accent-primary-selected": {
    forcedColors: "SelectedItem",
    light: "var(--color-blue-60)",
    dark: "var(--color-cyan-30)",
    nativeTheme: "SelectedItem",
    platform: {
      default: "SelectedItem",
      browserTheme: {
        light: "var(--color-blue-60)",
        dark: "var(--color-cyan-30)",
        default: "light-dark(var(--color-blue-60), var(--color-cyan-30))",
      },
    },
    default: "light-dark(var(--color-blue-60), var(--color-cyan-30))",
  },
  "color-accent-attention": {
    prefersContrast: "AccentColor",
    light: "#2ac3a2",
    dark: "#54ffbd",
    nativeTheme: "AccentColor",
    platform: {
      default: "AccentColor",
      browserTheme: {
        light: "#2ac3a2",
        dark: "#54ffbd",
        default: "light-dark(#2ac3a2, #54ffbd)",
      },
    },
    default: "light-dark(#2ac3a2, #54ffbd)",
  },
  "dimension-2": "2px",
  "dimension-4": "4px",
  "dimension-8": "8px",
  "dimension-12": "12px",
  "dimension-16": "16px",
  "dimension-20": "20px",
  "dimension-24": "24px",
  "dimension-32": "32px",
  "dimension-40": "40px",
  "dimension-48": "48px",
  "dimension-56": "56px",
  "dimension-64": "64px",
  "dimension-80": "80px",
  "dimension-96": "96px",
  "dimension-100": "100px",
  "dimension-200": "200px",
  "dimension-300": "300px",
  "dimension-400": "400px",
  "dimension-500": "500px",
  "dimension-relative-100": "1rem",
  "dimension-relative-125": "1.25rem",
  "dimension-relative-150": "1.5rem",
  "dimension-relative-200": "2rem",
  "dimension-relative-250": "2.5rem",
  "dimension-relative-300": "3rem",
  "dimension-relative-350": "3.5rem",
  "dimension-relative-400": "4rem",
  "dimension-relative-500": "5rem",
  "dimension-relative-600": "6rem",
  "dimension-relative-0125": "0.125rem",
  "dimension-relative-025": "0.25rem",
  "dimension-relative-050": "0.5rem",
  "dimension-relative-075": "0.75rem",
  "focus-outline":
    "var(--focus-outline-width) solid var(--focus-outline-color)",
  "focus-outline-color": {
    default: "var(--color-accent-primary)",
    forcedColors: "var(--text-color)",
  },
  "focus-outline-inset": "calc(-1 * var(--focus-outline-width))",
  "focus-outline-offset": "2px",
  "focus-outline-width": "2px",
  "font-size-root": {
    brand: { default: "15px" },
    platform: { default: "unset" },
  },
  "font-size-small": {
    brand: { default: "0.867rem", comment: "13px (in-content)" },
    platform: { default: "unset" },
  },
  "font-size-large": "1.133rem",
  "font-size-xlarge": "1.467rem",
  "font-size-xxlarge": "1.6rem",
  "font-size-xxxlarge": "2.2rem",
  "font-size-heading-xlarge": "var(--font-size-xxlarge)",
  "font-size-heading-large": "var(--font-size-xlarge)",
  "font-size-heading-medium": "var(--font-size-large)",
  "font-weight": "normal",
  "font-weight-semibold": 600,
  "font-weight-bold": 700,
  "font-weight-heading": "var(--font-weight-semibold)",
  "size-image-xsmall": "var(--dimension-40)",
  "size-image-small": "var(--dimension-48)",
  "size-image-medium": "var(--dimension-56)",
  "size-image-large": "var(--dimension-64)",
  "size-image-xlarge": "var(--dimension-80)",
  "size-image-xxlarge": "var(--dimension-96)",
  "size-item-xsmall": "var(--dimension-12)",
  "size-item-small": "var(--dimension-16)",
  "size-item-medium": "var(--dimension-24)",
  "size-item-large": "var(--dimension-32)",
  "size-item-xlarge": "var(--dimension-48)",
  "size-layout-xsmall": "var(--dimension-100)",
  "size-layout-small": "var(--dimension-200)",
  "size-layout-medium": "var(--dimension-300)",
  "size-layout-large": "var(--dimension-400)",
  "size-layout-xlarge": "var(--dimension-500)",
  "size-sidebar": "280px",
  "size-sidebar-narrow": "118px",
  "space-xxsmall": "var(--dimension-relative-0125)",
  "space-xsmall": "var(--dimension-relative-025)",
  "space-small": "var(--dimension-relative-050)",
  "space-medium": "var(--dimension-relative-075)",
  "space-large": "var(--dimension-relative-100)",
  "space-xlarge": "var(--dimension-relative-150)",
  "space-xxlarge": "var(--dimension-relative-200)",
  "text-color": {
    prefersContrast: "CanvasText",
    brand: {
      light: "var(--color-gray-100)",
      dark: "var(--color-gray-0)",
      default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
    },
    platform: { default: "currentColor" },
  },
  "text-color-deemphasized": {
    default: "color-mix(in srgb, currentColor 69%, transparent)",
    prefersContrast: "inherit",
  },
  "text-color-disabled": {
    default: "color-mix(in srgb, currentColor 40%, transparent)",
    forcedColors: "GrayText",
  },
  "text-color-error": {
    light: "var(--color-red-70)",
    dark: "var(--color-red-20)",
    prefersContrast: "inherit",
    default: "light-dark(var(--color-red-70), var(--color-red-20))",
  },
  "text-color-accent-primary-selected": {
    forcedColors: "SelectedItemText",
    brand: {
      light: "var(--color-white)",
      dark: "var(--color-gray-100)",
      default: "light-dark(var(--color-white), var(--color-gray-100))",
    },
    platform: { default: "SelectedItemText" },
  },
  "text-color-list-item-hover": {
    default: "var(--text-color)",
    prefersContrast: "SelectedItemText",
  },
  "button-background-color": {
    forcedColors: "ButtonFace",
    brand: { default: "color-mix(in srgb, currentColor 7%, transparent)" },
    nativeTheme: "color-mix(in srgb, currentColor 13%, transparent)",
    platform: {
      default: "color-mix(in srgb, currentColor 13%, transparent)",
      browserTheme: {
        light: "rgba(207, 207, 216, 0.33)",
        dark: "rgba(0, 0, 0, 0.33)",
        default: "light-dark(rgba(207, 207, 216, 0.33), rgba(0, 0, 0, 0.33))",
      },
    },
  },
  "button-background-color-hover": {
    forcedColors: "SelectedItemText",
    brand: { default: "color-mix(in srgb, currentColor 14%, transparent)" },
    nativeTheme: "color-mix(in srgb, currentColor 17%, transparent)",
    platform: {
      default: "color-mix(in srgb, currentColor 17%, transparent)",
      browserTheme: {
        light: "rgba(207, 207, 216, 0.66)",
        dark: "rgba(207, 207, 216, 0.2)",
        default:
          "light-dark(rgba(207, 207, 216, 0.66), rgba(207, 207, 216, 0.2))",
      },
    },
  },
  "button-background-color-active": {
    forcedColors: "SelectedItemText",
    brand: { default: "color-mix(in srgb, currentColor 21%, transparent)" },
    nativeTheme: "color-mix(in srgb, currentColor 30%, transparent)",
    platform: {
      default: "color-mix(in srgb, currentColor 30%, transparent)",
      browserTheme: {
        light: "rgb(207, 207, 216)",
        dark: "rgba(207, 207, 216, 0.4)",
        default: "light-dark(rgb(207, 207, 216), rgba(207, 207, 216, 0.4))",
      },
    },
  },
  "button-background-color-disabled": {
    default: "var(--button-background-color)",
    forcedColors: "ButtonFace",
  },
  "button-background-color-primary": "var(--color-accent-primary)",
  "button-background-color-primary-hover": "var(--color-accent-primary-hover)",
  "button-background-color-primary-active":
    "var(--color-accent-primary-active)",
  "button-background-color-primary-disabled": {
    default: "var(--button-background-color-primary)",
    forcedColors: "var(--button-text-color-disabled)",
  },
  "button-background-color-primary-selected":
    "var(--button-background-color-primary-active)",
  "button-background-color-destructive": {
    light: "var(--color-red-60)",
    dark: "var(--color-red-30)",
    forcedColors: "var(--button-background-color-primary)",
    default: "light-dark(var(--color-red-60), var(--color-red-30))",
  },
  "button-background-color-destructive-active": {
    light: "var(--color-red-80)",
    dark: "var(--color-red-10)",
    forcedColors: "var(--button-background-color-primary-active)",
    default: "light-dark(var(--color-red-80), var(--color-red-10))",
  },
  "button-background-color-destructive-disabled": {
    default: "var(--button-background-color-destructive)",
    forcedColors: "var(--button-background-color-primary-disabled)",
  },
  "button-background-color-destructive-hover": {
    light: "var(--color-red-70)",
    dark: "var(--color-red-20)",
    forcedColors: "var(--button-background-color-primary-hover)",
    default: "light-dark(var(--color-red-70), var(--color-red-20))",
  },
  "button-background-color-destructive-selected":
    "var(--button-background-color-destructive-active)",
  "button-background-color-ghost": {
    default: "transparent",
    forcedColors: "ButtonFace",
    brand: { forcedColors: "ButtonFace" },
    nativeTheme: "transparent",
    platform: { default: "transparent", browserTheme: {} },
  },
  "button-background-color-ghost-active":
    "var(--button-background-color-active)",
  "button-background-color-ghost-disabled": {
    default: "var(--button-background-color-ghost)",
    brand: { forcedColors: "var(--button-background-color-disabled)" },
  },
  "button-background-color-ghost-hover": "var(--button-background-color-hover)",
  "button-background-color-ghost-selected":
    "var(--button-background-color-ghost-active)",
  "button-background-color-muted": "var(--button-background-color)",
  "button-background-color-muted-active":
    "var(--button-background-color-active)",
  "button-background-color-muted-hover": "var(--button-background-color-hover)",
  "button-background-color-muted-disabled":
    "var(--button-background-color-disabled)",
  "button-background-color-muted-selected":
    "var(--button-background-color-muted-active)",
  "button-background-color-menu": "var(--button-background-color-ghost)",
  "button-background-color-menu-active": {
    default: "var(--button-background-color-ghost-active)",
    forcedColors: "var(--button-background-color-primary)",
  },
  "button-background-color-menu-disabled":
    "var(--button-background-color-ghost-disabled)",
  "button-background-color-menu-hover": {
    default: "var(--button-background-color-ghost-hover)",
    forcedColors: "var(--button-background-color-primary)",
  },
  "button-background-color-menu-selected": {
    default: "var(--button-background-color-ghost-selected)",
    forcedColors: "var(--button-background-color-primary-selected)",
  },
  "button-background-color-selected": "var(--button-background-color-active)",
  "button-background-color-toolbar": {
    default: "transparent",
    brand: { forcedColors: "var(--button-background-color)" },
  },
  "button-background-color-toolbar-active":
    "var(--toolbarbutton-background-color-active)",
  "button-background-color-toolbar-disabled": {
    default: "var(--button-background-color-ghost)",
    brand: { forcedColors: "var(--button-background-color-disabled)" },
  },
  "button-background-color-toolbar-hover":
    "var(--toolbarbutton-background-color-hover)",
  "button-background-color-toolbar-selected":
    "var(--button-background-color-ghost-active)",
  "button-badge-background-color": "var(--color-accent-attention)",
  "button-badge-size": "6px",
  "button-border": "var(--border-width) solid var(--button-border-color)",
  "button-border-color": {
    default: "transparent",
    prefersContrast: "var(--button-text-color)",
    forcedColors: "var(--border-color-interactive)",
  },
  "button-border-color-active": {
    default: "var(--button-border-color)",
    forcedColors: "var(--border-color-interactive-active)",
  },
  "button-border-color-destructive": {
    default: "transparent",
    forcedColors: "var(--button-border-color-primary)",
  },
  "button-border-color-destructive-active": {
    default: "var(--button-border-color-destructive)",
    forcedColors: "var(--button-border-color-primary-active)",
  },
  "button-border-color-destructive-disabled": {
    default: "var(--button-border-color-destructive)",
    forcedColors: "var(--button-border-color-primary-disabled)",
  },
  "button-border-color-destructive-hover": {
    default: "var(--button-border-color-destructive)",
    forcedColors: "var(--button-border-color-primary-hover)",
  },
  "button-border-color-destructive-selected":
    "var(--button-border-color-destructive-active)",
  "button-border-color-disabled": {
    default: "var(--button-border-color)",
    forcedColors: "var(--border-color-interactive-disabled)",
  },
  "button-border-color-ghost": {
    default: "var(--button-border-color)",
    prefersContrast: "var(--button-border-color)",
  },
  "button-border-color-ghost-active": {
    default: "var(--button-border-color-active)",
  },
  "button-border-color-ghost-disabled": {
    default: "var(--button-border-color-disabled)",
  },
  "button-border-color-ghost-hover": {
    default: "var(--button-border-color-hover)",
  },
  "button-border-color-ghost-selected":
    "var(--button-border-color-ghost-active)",
  "button-border-color-menu": { default: "var(--button-border-color-ghost)" },
  "button-border-color-menu-active": {
    default: "var(--button-border-color-ghost-active)",
  },
  "button-border-color-menu-disabled": {
    default: "var(--button-border-color-ghost-disabled)",
  },
  "button-border-color-menu-hover": {
    default: "var(--button-border-color-ghost-hover)",
  },
  "button-border-color-menu-selected": "var(--button-border-color-menu-active)",
  "button-border-color-muted": "var(--button-border-color)",
  "button-border-color-muted-active": "var(--button-border-color-active)",
  "button-border-color-muted-hover": "var(--button-border-color-hover)",
  "button-border-color-muted-disabled": "var(--button-border-color-disabled)",
  "button-border-color-muted-selected":
    "var(--button-border-color-muted-active)",
  "button-border-color-hover": {
    default: "var(--button-border-color)",
    forcedColors: "var(--border-color-interactive-hover)",
  },
  "button-border-color-primary": {
    default: "transparent",
    forcedColors: "ButtonFace",
  },
  "button-border-color-primary-active": {
    default: "var(--button-border-color-primary)",
    forcedColors: "ButtonText",
  },
  "button-border-color-primary-disabled": "var(--button-border-color-primary)",
  "button-border-color-primary-hover": {
    default: "var(--button-border-color-primary)",
    forcedColors: "SelectedItemText",
  },
  "button-border-color-primary-selected":
    "var(--button-border-color-primary-active)",
  "button-border-color-selected": "var(--button-border-color-active)",
  "button-border-color-toolbar": { default: "var(--button-border-color)" },
  "button-border-color-toolbar-active": {
    default: "var(--button-border-color-active)",
  },
  "button-border-color-toolbar-disabled": {
    default: "var(--button-border-color-disabled)",
  },
  "button-border-color-toolbar-hover": {
    default: "var(--button-border-color-hover)",
  },
  "button-border-color-toolbar-selected":
    "var(--button-border-color-ghost-active)",
  "button-border-radius": "var(--border-radius-medium)",
  "button-border-width-split": "var(--border-width)",
  "button-content-alignment": "center",
  "button-font-size": "var(--font-size-root)",
  "button-font-size-small": "var(--font-size-small)",
  "button-font-weight": "var(--font-weight-semibold)",
  "button-gap-split": "var(--space-xxsmall)",
  "button-icon-fill": "currentColor",
  "button-icon-stroke": "var(--button-icon-fill)",
  "button-min-height": "var(--size-item-large)",
  "button-min-height-small": "var(--size-item-medium)",
  "button-min-height-large": "40px",
  "button-opacity-disabled": { default: "0.5", forcedColors: "1" },
  "button-padding": "var(--button-padding-block) var(--button-padding-inline)",
  "button-padding-block": "var(--space-xsmall)",
  "button-padding-block-large": "var(--space-small)",
  "button-padding-block-small": "var(--space-xxsmall)",
  "button-padding-inline": "var(--space-large)",
  "button-padding-inline-large": "var(--space-xlarge)",
  "button-padding-inline-small": "var(--button-padding-inline)",
  "button-padding-icon": 0,
  "button-size-icon": "var(--button-min-height)",
  "button-size-icon-small": "var(--button-min-height-small)",
  "button-size-icon-large": "var(--button-min-height-large)",
  "button-split-separator-background-color": "transparent",
  "button-text-color": {
    forcedColors: "ButtonText",
    brand: {
      light: "var(--color-gray-100)",
      dark: "var(--color-gray-0)",
      default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
    },
    nativeTheme: "currentColor",
    platform: {
      default: "currentColor",
      browserTheme: {
        light: "rgb(21, 20, 26)",
        dark: "rgb(251, 251, 254)",
        default: "light-dark(rgb(21, 20, 26), rgb(251, 251, 254))",
      },
    },
  },
  "button-text-color-active": {
    default: "var(--button-text-color)",
    forcedColors: "SelectedItem",
  },
  "button-text-color-destructive": {
    light: "var(--color-white)",
    dark: "var(--color-gray-100)",
    forcedColors: "var(--button-text-color-primary)",
    default: "light-dark(var(--color-white), var(--color-gray-100))",
  },
  "button-text-color-destructive-active": {
    default: "var(--button-text-color-destructive)",
    forcedColors: "var(--button-text-color-primary-active)",
  },
  "button-text-color-destructive-disabled": {
    default: "var(--button-text-color-destructive)",
    forcedColors: "var(--button-text-color-primary-disabled)",
  },
  "button-text-color-destructive-hover": {
    default: "var(--button-text-color-destructive)",
    forcedColors: "var(--button-text-color-primary-hover)",
  },
  "button-text-color-destructive-selected":
    "var(--button-text-color-destructive-active)",
  "button-text-color-disabled": {
    default: "var(--button-text-color)",
    forcedColors: "GrayText",
  },
  "button-text-color-ghost": {
    default: "inherit",
    brand: {
      prefersContrast: "var(--button-text-color)",
      forcedColors: "var(--button-text-color)",
    },
  },
  "button-text-color-ghost-active": {
    default: "inherit",
    prefersContrast: "var(--button-text-color-active)",
    forcedColors: "var(--button-text-color-active)",
  },
  "button-text-color-ghost-disabled": {
    default: "inherit",
    brand: {
      prefersContrast: "var(--button-text-color-disabled)",
      forcedColors: "var(--button-text-color-disabled)",
    },
  },
  "button-text-color-ghost-hover": {
    default: "inherit",
    prefersContrast: "var(--button-text-color-hover)",
    forcedColors: "var(--button-text-color-hover)",
  },
  "button-text-color-ghost-selected": "var(--button-text-color-ghost-active)",
  "button-text-color-muted": "var(--button-text-color)",
  "button-text-color-muted-active": "var(--button-text-color-active)",
  "button-text-color-muted-hover": "var(--button-text-color-hover)",
  "button-text-color-muted-disabled": "var(--button-text-color-disabled)",
  "button-text-color-muted-selected": "var(--button-text-color-muted-active)",
  "button-text-color-hover": {
    default: "var(--button-text-color)",
    forcedColors: "SelectedItem",
  },
  "button-text-color-menu": "var(--button-text-color-ghost)",
  "button-text-color-menu-active": {
    default: "var(--button-text-color-ghost-active)",
    forcedColors: "var(--button-text-color-primary)",
  },
  "button-text-color-menu-disabled": "var(--button-text-color-ghost-disabled)",
  "button-text-color-menu-hover": {
    default: "var(--button-text-color-ghost-hover)",
    forcedColors: "var(--button-text-color-primary)",
  },
  "button-text-color-menu-selected": {
    default: "var(--button-text-color-ghost-selected)",
    forcedColors: "var(--button-text-color-primary-selected)",
    nativeTheme: "currentColor",
    platform: {
      default: "currentColor",
      browserTheme: { default: "var(--button-text-color-ghost-selected)" },
    },
  },
  "button-text-color-primary": {
    forcedColors: "ButtonFace",
    brand: {
      light: "var(--color-white)",
      dark: "var(--color-gray-100)",
      default: "light-dark(var(--color-white), var(--color-gray-100))",
    },
    nativeTheme: "AccentColorText",
    platform: {
      default: "AccentColorText",
      browserTheme: {
        light: "rgb(251, 251, 254)",
        dark: "rgb(43, 42, 51)",
        default: "light-dark(rgb(251, 251, 254), rgb(43, 42, 51))",
      },
    },
  },
  "button-text-color-primary-active": "var(--button-text-color-primary-hover)",
  "button-text-color-primary-disabled": "var(--button-text-color-primary)",
  "button-text-color-primary-hover": {
    default: "var(--button-text-color-primary)",
    forcedColors: "SelectedItemText",
  },
  "button-text-color-primary-selected":
    "var(--button-text-color-primary-active)",
  "button-text-color-selected": "var(--button-text-color-active)",
  "button-text-color-toolbar": {
    default: "inherit",
    brand: {
      prefersContrast: "var(--button-text-color)",
      forcedColors: "var(--button-text-color)",
    },
  },
  "button-text-color-toolbar-active": {
    default: "inherit",
    prefersContrast: "var(--button-text-color-active)",
    forcedColors: "var(--button-text-color-active)",
  },
  "button-text-color-toolbar-disabled": {
    default: "inherit",
    brand: {
      prefersContrast: "var(--button-text-color-disabled)",
      forcedColors: "var(--button-text-color-disabled)",
    },
  },
  "button-text-color-toolbar-hover": {
    default: "inherit",
    prefersContrast: "var(--button-text-color-hover)",
    forcedColors: "var(--button-text-color-hover)",
  },
  "button-text-color-toolbar-selected": "var(--button-text-color-ghost-active)",
  "button-attention-dot-color": "var(--color-accent-attention)",
  "card-background-color": "var(--background-color-box)",
  "card-border": "var(--card-border-width) solid var(--card-border-color)",
  "card-border-width": "var(--border-width)",
  "card-border-color": {
    light: "color-mix(in srgb, currentColor 10%, transparent)",
    dark: "color-mix(in srgb, currentColor 6%, transparent)",
    prefersContrast: "color-mix(in srgb, currentColor 41%, transparent)",
    forcedColors: "CanvasText",
    default:
      "light-dark(color-mix(in srgb, currentColor 10%, transparent), color-mix(in srgb, currentColor 6%, transparent))",
  },
  "card-border-radius": "var(--border-radius-large)",
  "card-border-radius-compact": "var(--border-radius-medium)",
  "card-box-shadow": "var(--box-shadow-level-2)",
  "card-box-shadow-hover": "var(--box-shadow-level-4)",
  "card-cover-image-border-radius": "var(--border-radius-medium)",
  "card-cover-image-height-default": "160px",
  "card-cover-image-padding": "var(--space-small)",
  "card-cover-image-padding-compact": "var(--space-xsmall)",
  "card-cover-image-object-fit-default": "cover",
  "card-cover-image-object-position-default": "center",
  "card-focus-outline": "var(--focus-outline)",
  "card-font-size": "var(--font-size-root)",
  "card-font-size-compact": "var(--font-size-small)",
  "card-padding": "var(--space-large)",
  "card-padding-compact": "var(--space-small)",
  "card-gap": "var(--card-padding)",
  "card-gap-compact": "var(--space-small)",
  "card-gap-article": "var(--space-small)",
  "card-header-background-color": {
    default: "initial",
    forcedColors: "var(--button-background-color)",
  },
  "card-header-background-color-hover": "var(--button-background-color-hover)",
  "card-header-background-color-active":
    "var(--button-background-color-active)",
  "card-header-border-color": {
    default: "transparent",
    forcedColors: "var(--button-border-color)",
    prefersContrast: "var(--button-border-color)",
  },
  "card-header-border-color-hover": {
    default: "transparent",
    forcedColors: "var(--button-border-color-hover)",
  },
  "card-header-border-color-active": {
    default: "transparent",
    forcedColors: "var(--button-border-color-active)",
  },
  "card-header-text-color": "var(--button-text-color)",
  "card-header-text-color-hover": "var(--button-text-color-hover)",
  "card-header-text-color-active": "var(--button-text-color-active)",
  "checkbox-margin-inline": "var(--space-small)",
  "checkbox-size": "var(--size-item-small)",
  "icon-color": {
    light: "var(--color-gray-70)",
    dark: "var(--color-gray-0)",
    prefersContrast: "var(--text-color)",
    default: "light-dark(var(--color-gray-70), var(--color-gray-0))",
  },
  "icon-color-information": {
    light: "var(--color-blue-60)",
    dark: "var(--color-blue-20)",
    prefersContrast: "var(--icon-color)",
    default: "light-dark(var(--color-blue-60), var(--color-blue-20))",
  },
  "icon-color-success": {
    light: "var(--color-green-60)",
    dark: "var(--color-green-20)",
    prefersContrast: "var(--icon-color)",
    default: "light-dark(var(--color-green-60), var(--color-green-20))",
  },
  "icon-color-warning": {
    light: "var(--color-yellow-60)",
    dark: "var(--color-yellow-20)",
    prefersContrast: "var(--icon-color)",
    default: "light-dark(var(--color-yellow-60), var(--color-yellow-20))",
  },
  "icon-color-critical": {
    light: "var(--color-red-60)",
    dark: "var(--color-red-20)",
    prefersContrast: "var(--icon-color)",
    default: "light-dark(var(--color-red-60), var(--color-red-20))",
  },
  "icon-size": "var(--icon-size-small)",
  "icon-size-xsmall": "var(--dimension-12)",
  "icon-size-small": "var(--dimension-16)",
  "icon-size-medium": "var(--dimension-20)",
  "icon-size-large": "var(--dimension-24)",
  "icon-size-xlarge": "var(--dimension-32)",
  "icon-size-xxlarge": "var(--size-item-xlarge)",
  "info-bar-border-color": {
    light: "var(--color-violet-desaturated-20)",
    dark: "var(--color-gray-60)",
    nativeTheme: "var(--toolbarseparator-color)",
    prefersContrast: "CanvasText",
    platform: {
      default: "var(--toolbarseparator-color)",
      browserTheme: {
        light: "var(--color-violet-desaturated-20)",
        dark: "var(--color-gray-60)",
        default:
          "light-dark(var(--color-violet-desaturated-20), var(--color-gray-60))",
      },
    },
    default:
      "light-dark(var(--color-violet-desaturated-20), var(--color-gray-60))",
  },
  "info-bar-margin-block-start": "4px",
  "info-bar-margin-block-end": "4px",
  "info-bar-margin-inline": "4px",
  "input-border-color": "var(--border-color-interactive)",
  "input-folder-gap": "var(--space-medium)",
  "input-height": "var(--size-item-small)",
  "input-text-background-color": {
    nativeTheme: "Field",
    platform: {
      default: "Field",
      browserTheme: {
        light: "var(--color-white)",
        dark: "#42414d",
        default: "light-dark(var(--color-white), #42414d)",
      },
    },
  },
  "input-text-background-color-disabled":
    "var(--button-background-color-disabled)",
  "input-text-border":
    "var(--border-width) solid var(--input-text-border-color)",
  "input-text-border-color": "var(--border-color)",
  "input-text-border-color-disabled":
    "var(--border-color-interactive-disabled)",
  "input-text-border-radius": "var(--border-radius-medium)",
  "input-text-color": {
    nativeTheme: "FieldText",
    platform: {
      default: "FieldText",
      browserTheme: {
        light: "rgb(21, 20, 26)",
        dark: "rgb(251, 251, 254)",
        default: "light-dark(rgb(21, 20, 26), rgb(251, 251, 254))",
      },
    },
  },
  "input-text-color-disabled": {
    default: "var(--input-text-color)",
    forcedColors: "GrayText",
  },
  "input-text-icon-size": "var(--icon-size-xsmall)",
  "input-text-min-height": "var(--button-min-height)",
  "input-text-opacity-disabled": "var(--button-opacity-disabled)",
  "input-search-border-radius": "var(--input-text-border-radius)",
  "input-width": "var(--size-item-small)",
  "link-color": {
    forcedColors: "LinkText",
    default: "var(--color-accent-primary)",
    nativeTheme: "LinkText",
    platform: {
      default: "LinkText",
      browserTheme: { default: "var(--color-accent-primary)" },
    },
  },
  "link-color-hover": {
    forcedColors: "LinkText",
    default: "var(--color-accent-primary-hover)",
    nativeTheme: "color-mix(in srgb, black 10%, var(--link-color))",
    platform: {
      default: "color-mix(in srgb, black 10%, var(--link-color))",
      browserTheme: { default: "var(--color-accent-primary-hover)" },
    },
  },
  "link-color-active": {
    forcedColors: "ActiveText",
    default: "var(--color-accent-primary-active)",
    nativeTheme: "color-mix(in srgb, black 20%, var(--link-color))",
    platform: {
      default: "color-mix(in srgb, black 20%, var(--link-color))",
      browserTheme: { default: "var(--color-accent-primary-active)" },
    },
  },
  "link-color-visited": {
    forcedColors: "VisitedText",
    default: "var(--link-color)",
  },
  "link-focus-outline-offset": "1px",
  "opacity-deemphasized-strong": { default: "0.6", prefersContrast: "1" },
  "opacity-deemphasized": { default: "0.8", prefersContrast: "1" },
  "page-main-content-width": { brand: { default: "664px" } },
  "page-space-block-start": { brand: { default: "64px" } },
  "panel-menuitem-border-radius": "var(--border-radius-small)",
  "panel-menuitem-margin":
    "var(--panel-menuitem-margin-block) var(--panel-menuitem-margin-inline)",
  "panel-menuitem-margin-block": "0",
  "panel-menuitem-margin-inline": "8px",
  "panel-menuitem-padding":
    "var(--panel-menuitem-padding-block) var(--panel-menuitem-padding-inline)",
  "panel-menuitem-padding-block": "8px",
  "panel-menuitem-padding-inline": "8px",
  "panel-background-color": {
    light: "var(--color-white)",
    dark: "rgb(66, 65, 77)",
    nativeTheme: "Field",
    forcedColors: "Menu",
    platform: {
      default: "Field",
      browserTheme: {
        light: "var(--color-white)",
        dark: "rgb(66, 65, 77)",
        default: "light-dark(var(--color-white), rgb(66, 65, 77))",
      },
    },
    default: "light-dark(var(--color-white), rgb(66, 65, 77))",
  },
  "panel-background-color-dimmed": "var(--background-color-dimmed)",
  "panel-background-color-dimmed-further":
    "var(--background-color-dimmed-further)",
  "panel-border-color": {
    light: "rgb(240, 240, 244)",
    dark: "rgb(82, 82, 94)",
    nativeTheme: "var(--border-color-deemphasized)",
    platform: {
      default: "var(--border-color-deemphasized)",
      browserTheme: {
        light: "rgb(240, 240, 244)",
        dark: "rgb(82, 82, 94)",
        default: "light-dark(rgb(240, 240, 244), rgb(82, 82, 94))",
      },
    },
    default: "light-dark(rgb(240, 240, 244), rgb(82, 82, 94))",
  },
  "panel-border-radius": "var(--border-radius-medium)",
  "panel-box-shadow": "0 0 var(--panel-box-shadow-margin) hsla(0, 0%, 0%, 0.2)",
  "panel-box-shadow-margin": "4px",
  "panel-padding": "16px",
  "panel-padding-block": "4px",
  "panel-separator-color": {
    default: "color-mix(in srgb, currentColor 25%, transparent)",
    prefersContrast: "currentColor",
    forcedColors: "var(--border-color)",
  },
  "panel-separator-padding":
    "var(--panel-separator-padding-block) var(--panel-separator-padding-inline)",
  "panel-separator-padding-block": "4px",
  "panel-separator-padding-inline": "8px",
  "panel-text-color": {
    light: "var(--color-black)",
    dark: "rgb(251, 251, 254)",
    nativeTheme: "FieldText",
    forcedColors: "MenuText",
    platform: {
      default: "FieldText",
      browserTheme: {
        light: "var(--color-black)",
        dark: "rgb(251, 251, 254)",
        default: "light-dark(var(--color-black), rgb(251, 251, 254))",
      },
    },
    default: "light-dark(var(--color-black), rgb(251, 251, 254))",
  },
  "panel-width": "initial",
  "popup-background-color": "var(--background-color-box)",
  "popup-border-color": {
    light: "rgb(240, 240, 244)",
    dark: "rgb(82, 82, 94)",
    nativeTheme: "var(--border-color-deemphasized)",
    platform: {
      default: "var(--border-color-deemphasized)",
      browserTheme: {
        light: "rgb(240, 240, 244)",
        dark: "rgb(82, 82, 94)",
        default: "light-dark(rgb(240, 240, 244), rgb(82, 82, 94))",
      },
    },
    default: "light-dark(rgb(240, 240, 244), rgb(82, 82, 94))",
  },
  "popup-border-radius": "var(--border-radius-medium)",
  "popup-box-shadow": "var(--box-shadow-level-3)",
  "sidebar-background-color": {
    light: "white",
    dark: "rgb(28, 27, 34)",
    nativeTheme: "-moz-sidebar",
    platform: {
      default: "-moz-sidebar",
      browserTheme: {
        light: "white",
        dark: "rgb(28, 27, 34)",
        default: "light-dark(white, rgb(28, 27, 34))",
      },
    },
    default: "light-dark(white, rgb(28, 27, 34))",
  },
  "sidebar-text-color": {
    light: "rgb(21, 20, 26)",
    dark: "rgb(249, 249, 250)",
    nativeTheme: "-moz-sidebartext",
    platform: {
      default: "-moz-sidebartext",
      browserTheme: {
        light: "rgb(21, 20, 26)",
        dark: "rgb(249, 249, 250)",
        default: "light-dark(rgb(21, 20, 26), rgb(249, 249, 250))",
      },
    },
    default: "light-dark(rgb(21, 20, 26), rgb(249, 249, 250))",
  },
  "sidebar-border-color": {
    default: "var(--card-border-color)",
    nativeTheme: "-moz-sidebarborder",
    prefersContrast: "var(--card-border-color)",
    platform: {
      default: "-moz-sidebarborder",
      browserTheme: { default: "var(--card-border-color)" },
    },
  },
  "table-background-color": {
    light: "#f8f8fa",
    dark: "rgb(35, 34, 43)",
    forcedColors: "Canvas",
    default: "light-dark(#f8f8fa, rgb(35, 34, 43))",
  },
  "table-border-color": {
    default: "color-mix(in srgb, currentColor 41%, transparent)",
    forcedColors: "CanvasText",
  },
  "table-header-background-color": {
    default: "var(--color-accent-primary)",
    forcedColors: "AccentColor",
  },
  "table-header-text-color": {
    forcedColors: "AccentColorText",
    brand: {
      light: "var(--color-white)",
      dark: "var(--color-gray-100)",
      default: "light-dark(var(--color-white), var(--color-gray-100))",
    },
    platform: { default: "AccentColorText" },
  },
  "table-row-background-color": { default: "var(--background-color-canvas)" },
  "table-row-background-color-alternate": {
    forcedColors: "var(--background-color-canvas)",
    brand: {
      light: "#f0f0f4",
      dark: "var(--color-gray-80)",
      default: "light-dark(#f0f0f4, var(--color-gray-80))",
    },
    platform: {
      light: "rgba(0, 0, 0, 0.05)",
      dark: "rgba(255, 255, 255, 0.05)",
      default: "light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05))",
    },
  },
  "toolbar-padding-inline": "8px",
  "toolbar-field-border-color": {
    default: "var(--border-color-transparent)",
    nativeTheme: "var(--border-color-transparent)",
    prefersContrast: "var(--input-border-color)",
    platform: {
      default: "var(--border-color-transparent)",
      browserTheme: { default: "var(--border-color-transparent)" },
    },
  },
  "toolbar-field-border-color-focus": {
    default: "color-mix(in srgb, var(--focus-outline-color) 50%, transparent)",
    prefersContrast: "var(--focus-outline-color)",
  },
  "toolbar-field-background-color": {
    light: "rgba(0, 0, 0, 0.05)",
    dark: "var(--color-black-alpha-30)",
    nativeTheme: "light-dark(rgba(0, 0, 0, 0.05), var(--color-black-alpha-30))",
    prefersContrast: "Field",
    platform: {
      default: "light-dark(rgba(0, 0, 0, 0.05), var(--color-black-alpha-30))",
      browserTheme: {
        light: "rgba(0, 0, 0, 0.05)",
        dark: "var(--color-black-alpha-30)",
        default: "light-dark(rgba(0, 0, 0, 0.05), var(--color-black-alpha-30))",
      },
    },
    default: "light-dark(rgba(0, 0, 0, 0.05), var(--color-black-alpha-30))",
  },
  "toolbar-field-background-color-focus": {
    light: "var(--color-white)",
    dark: "rgb(66, 65, 77)",
    nativeTheme: "Field",
    platform: {
      default: "Field",
      browserTheme: {
        light: "var(--color-white)",
        dark: "rgb(66, 65, 77)",
        default: "light-dark(var(--color-white), rgb(66, 65, 77))",
      },
    },
    default: "light-dark(var(--color-white), rgb(66, 65, 77))",
  },
  "toolbar-field-text-color": {
    light: "var(--color-gray-100)",
    dark: "var(--color-gray-0)",
    nativeTheme: "inherit",
    prefersContrast: "FieldText",
    platform: {
      default: "inherit",
      browserTheme: {
        light: "var(--color-gray-100)",
        dark: "var(--color-gray-0)",
        default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
      },
    },
    default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
  },
  "toolbar-field-text-color-focus": {
    light: "var(--color-black)",
    dark: "var(--color-gray-0)",
    nativeTheme: "FieldText",
    platform: {
      default: "FieldText",
      browserTheme: {
        light: "var(--color-black)",
        dark: "var(--color-gray-0)",
        default: "light-dark(var(--color-black), var(--color-gray-0))",
      },
    },
    default: "light-dark(var(--color-black), var(--color-gray-0))",
  },
  "toolbar-background-color": {
    light: "#f9f9fb",
    dark: "rgb(43, 42, 51)",
    nativeTheme: "color-mix(in srgb, -moz-dialog 85%, var(--color-white))",
    platform: {
      default: "color-mix(in srgb, -moz-dialog 85%, var(--color-white))",
      browserTheme: {
        light: "#f9f9fb",
        dark: "rgb(43, 42, 51)",
        default: "light-dark(#f9f9fb, rgb(43, 42, 51))",
      },
    },
    default: "light-dark(#f9f9fb, rgb(43, 42, 51))",
  },
  "toolbar-text-color": {
    light: "var(--color-gray-100)",
    dark: "var(--color-gray-0)",
    nativeTheme: "-moz-dialogtext",
    platform: {
      default: "-moz-dialogtext",
      browserTheme: {
        light: "var(--color-gray-100)",
        dark: "var(--color-gray-0)",
        default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
      },
    },
    default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
  },
  "toolbarbutton-badge-background-color": {
    light: "var(--color-red-60)",
    dark: "var(--color-red-40)",
    default: "light-dark(var(--color-red-60), var(--color-red-40))",
  },
  "toolbarbutton-badge-font-size": "10px",
  "toolbarbutton-badge-min-width": "14px",
  "toolbarbutton-badge-max-width": "20px",
  "toolbarbutton-badge-padding-inline": "2px",
  "toolbarbutton-badge-padding-block-end": "1px",
  "toolbarbutton-padding-outer": "2px",
  "toolbarbutton-padding-outer-narrow": "1px",
  "toolbarbutton-padding-inner": "8px",
  "toolbarbutton-padding-inner-narrow": "7px",
  "toolbarbutton-padding-inner-compact": "6px",
  "toolbarbutton-padding-inner-touch": "9px",
  "toolbarbutton-padding-inner-touch-narrow": "8px",
  "toolbarbutton-icon-fill": {
    light: "var(--color-gray-70)",
    dark: "var(--color-gray-0)",
    nativeTheme: "currentColor",
    platform: {
      default: "currentColor",
      browserTheme: {
        light: "var(--color-gray-70)",
        dark: "var(--color-gray-0)",
        default: "light-dark(var(--color-gray-70), var(--color-gray-0))",
      },
    },
    default: "light-dark(var(--color-gray-70), var(--color-gray-0))",
  },
  "toolbarbutton-icon-fill-attention": {
    light: "var(--color-blue-60)",
    dark: "var(--color-cyan-30)",
    nativeTheme: "AccentColor",
    platform: {
      default: "AccentColor",
      browserTheme: {
        light: "var(--color-blue-60)",
        dark: "var(--color-cyan-30)",
        default: "light-dark(var(--color-blue-60), var(--color-cyan-30))",
      },
    },
    default: "light-dark(var(--color-blue-60), var(--color-cyan-30))",
  },
  "toolbarbutton-icon-fill-attention-text": {
    light: "var(--color-gray-20)",
    dark: "var(--color-gray-90)",
    nativeTheme: "AccentColorText",
    platform: {
      default: "AccentColorText",
      browserTheme: {
        light: "var(--color-gray-20)",
        dark: "var(--color-gray-90)",
        default: "light-dark(var(--color-gray-20), var(--color-gray-90))",
      },
    },
    default: "light-dark(var(--color-gray-20), var(--color-gray-90))",
  },
  "toolbarbutton-opacity-disabled": {
    default: "var(--button-opacity-disabled)",
    prefersContrast: 0.3,
  },
  "toolbarbutton-border-radius": "var(--button-border-radius)",
  "toolbarbutton-background-color-hover":
    "color-mix(in srgb, currentColor 17%, transparent)",
  "toolbarbutton-background-color-active":
    "color-mix(in srgb, currentColor 30%, transparent)",
  "toolbarbutton-outline":
    "var(--border-width) solid var(--toolbarbutton-outline-color)",
  "toolbarbutton-outline-color": {
    default: "transparent",
    forcedColors: "ButtonText",
  },
  "toolbarbutton-outline-color-hover": {
    default: "transparent",
    prefersContrast: "currentColor",
    forcedColors: "SelectedItem",
  },
  "toolbarbutton-outline-color-active": {
    default: "transparent",
    prefersContrast: "currentColor",
    forcedColors: "ButtonText",
  },
  "toolbarbutton-outline-color-selected": {
    default: "var(--toolbarbutton-outline-color-active)",
    forcedColors: "SelectedItem",
  },
  "toolbarbutton-outline-offset": "calc(-1 * var(--border-width))",
  "toolbarseparator-color": "var(--text-color-deemphasized)",
  "toolbox-background-color": {
    light: "rgb(234, 234, 237)",
    dark: "var(--color-gray-90)",
    nativeTheme: "-moz-headerbar",
    platform: {
      default: "-moz-headerbar",
      browserTheme: {
        light: "rgb(234, 234, 237)",
        dark: "var(--color-gray-90)",
        default: "light-dark(rgb(234, 234, 237), var(--color-gray-90))",
      },
    },
    default: "light-dark(rgb(234, 234, 237), var(--color-gray-90))",
  },
  "toolbox-background-color-inactive": {
    default: "var(--toolbox-background-color)",
    nativeTheme: "-moz-headerbarinactive",
    platform: {
      default: "-moz-headerbarinactive",
      browserTheme: { default: "var(--toolbox-background-color)" },
    },
  },
  "toolbox-text-color": {
    light: "var(--color-gray-100)",
    dark: "var(--color-gray-0)",
    nativeTheme: "-moz-headerbartext",
    platform: {
      default: "-moz-headerbartext",
      browserTheme: {
        light: "var(--color-gray-100)",
        dark: "var(--color-gray-0)",
        default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
      },
    },
    default: "light-dark(var(--color-gray-100), var(--color-gray-0))",
  },
  "toolbox-text-color-inactive": {
    default: "var(--toolbox-text-color)",
    nativeTheme: "-moz-headerbarinactivetext",
    platform: {
      default: "-moz-headerbarinactivetext",
      browserTheme: { default: "var(--toolbox-text-color)" },
    },
  },
  "badge-background-color": { default: "transparent", forcedColors: "Canvas" },
  "badge-background-color-filled": {
    light: "var(--color-green-70)",
    dark: "var(--color-green-40)",
    forcedColors: "AccentColor",
    default: "light-dark(var(--color-green-70), var(--color-green-40))",
  },
  "badge-border-color": "var(--border-color)",
  "badge-border-color-filled": {
    light: "rgba(251, 251, 254, 0.4)",
    dark: "rgba(21, 20, 26, 0.4)",
    forcedColors: "CanvasText",
    default: "light-dark(rgba(251, 251, 254, 0.4), rgba(21, 20, 26, 0.4))",
  },
  "badge-border-radius": "var(--border-radius-small)",
  "badge-border-width": "1px",
  "badge-font-weight": "var(--font-weight-semibold)",
  "badge-padding-block": "0",
  "badge-padding-inline": "var(--space-xsmall)",
  "badge-text-color": {
    default: "var(--text-color-deemphasized)",
    forcedColors: "CanvasText",
  },
  "badge-text-color-filled": {
    light: "var(--color-white)",
    dark: "var(--color-gray-100)",
    forcedColors: "AccentColorText",
    default: "light-dark(var(--color-white), var(--color-gray-100))",
  },
  "breadcrumb-gap": "var(--space-small)",
  "breadcrumb-icon-size": "var(--icon-size-xsmall)",
  "breadcrumb-link-color": "var(--link-color)",
  "breadcrumb-link-color-hover": "var(--link-color-hover)",
  "breadcrumb-link-color-active": "var(--link-color-active)",
  "breadcrumb-link-color-visited": "var(--link-color-visited)",
  "input-color-background-color": "var(--button-background-color-ghost)",
  "input-color-background-color-active":
    "var(--button-background-color-ghost-active)",
  "input-color-background-color-hover":
    "var(--button-background-color-ghost-hover)",
  "input-color-border-color": "var(--border-color-interactive)",
  "input-color-border-color-active": "var(--border-color-interactive-active)",
  "input-color-border-color-hover": "var(--border-color-interactive-hover)",
  "input-color-border-radius": "var(--border-radius-medium)",
  "input-color-gap": "var(--space-small)",
  "input-color-space-padding-block": "var(--space-small)",
  "input-color-space-padding-inline": "var(--space-medium)",
  "input-color-swatch-border-color": "var(--border-color-deemphasized)",
  "input-color-swatch-border-radius": "var(--border-radius-circle)",
  "input-color-swatch-size": "var(--size-item-medium)",
  "input-color-text-color": "var(--button-text-color)",
  "input-color-text-color-active": "var(--button-text-color-active)",
  "input-color-text-color-hover": "var(--button-text-color-hover)",
  "message-bar-actions-button-padding":
    "var(--space-xsmall) var(--space-large)",
  "message-bar-actions-gap": "var(--space-small)",
  "message-bar-background-color": "var(--background-color-information)",
  "message-bar-background-color-warning": "var(--background-color-warning)",
  "message-bar-background-color-success": "var(--background-color-success)",
  "message-bar-background-color-critical": "var(--background-color-critical)",
  "message-bar-border-color": {
    default: "oklch(from var(--message-bar-icon-color) l c h / 20%)",
    prefersContrast: "var(--border-color)",
  },
  "message-bar-border-radius": "var(--border-radius-medium)",
  "message-bar-border-width": "var(--border-width)",
  "message-bar-container-gap": "var(--space-small)",
  "message-bar-container-min-height": "var(--size-item-large)",
  "message-bar-container-padding-block": "var(--space-small)",
  "message-bar-container-padding-inline":
    "var(--space-medium) var(--space-small)",
  "message-bar-content-gap": "var(--space-small) var(--space-medium)",
  "message-bar-icon-background-color": "var(--background-color-information)",
  "message-bar-icon-background-color-warning":
    "var(--background-color-warning)",
  "message-bar-icon-background-color-success":
    "var(--background-color-success)",
  "message-bar-icon-background-color-critical":
    "var(--background-color-critical)",
  "message-bar-icon-color": "var(--icon-color-information)",
  "message-bar-icon-container-border": "none",
  "message-bar-icon-container-border-color": "transparent",
  "message-bar-icon-container-border-radius": "var(--border-radius-circle)",
  "message-bar-icon-container-height": "min-content",
  "message-bar-icon-container-margin-block-start":
    "calc(var(--space-small) + 2px)",
  "message-bar-icon-container-padding": "0",
  "message-bar-icon-size": "var(--icon-size)",
  "message-bar-message-margin-inline-end": "var(--space-xsmall)",
  "message-bar-text-color": "var(--text-color)",
  "message-bar-text-container-gap": "var(--space-xsmall) var(--space-small)",
  "message-bar-text-container-padding-block":
    "calc((var(--message-bar-container-min-height) - var(--message-bar-icon-size)) / 2)",
  "message-bar-text-content-gap": "var(--space-xsmall) var(--space-small)",
  "page-nav-border-color": "var(--border-color-transparent)",
  "page-nav-button-background-color": "var(--button-background-color-ghost)",
  "page-nav-button-background-color-hover":
    "var(--button-background-color-ghost-hover)",
  "page-nav-button-background-color-active":
    "var(--button-background-color-ghost-active)",
  "page-nav-button-background-color-selected":
    "color-mix(in srgb, currentColor 8%, transparent)",
  "page-nav-button-border-color": "unset",
  "page-nav-button-border-color-hover":
    "var(--button-border-color-ghost-hover)",
  "page-nav-button-border-color-active":
    "var(--button-border-color-ghost-active)",
  "page-nav-button-border-radius": "var(--button-border-radius)",
  "page-nav-button-border-radius-focused": "var(--border-radius-small)",
  "page-nav-button-gap": "var(--space-xsmall)",
  "page-nav-button-indicator-background-color": "var(--color-accent-primary)",
  "page-nav-button-indicator-width": "4px",
  "page-nav-button-padding": "var(--space-small) var(--space-medium)",
  "page-nav-button-padding-small": "var(--space-small)",
  "page-nav-button-text-color": "var(--button-text-color-ghost)",
  "page-nav-button-text-color-hover": "var(--button-text-color-ghost-hover)",
  "page-nav-button-text-color-active": "var(--button-text-color-ghost-active)",
  "page-nav-button-text-color-selected": "var(--color-accent-primary)",
  "page-nav-focus-outline-offset": "var(--focus-outline-inset)",
  "page-nav-focus-padding": "0px",
  "page-nav-gap": "var(--space-large)",
  "page-nav-heading-logo-size": "var(--icon-size-large)",
  "page-nav-hr-background-color": "var(--border-color)",
  "page-nav-margin-block-start": "var(--page-space-block-start)",
  "page-nav-margin-inline-start": "40px",
  "promo-background-color": {
    default: "color-mix(in lch, currentColor 8%, transparent)",
    prefersContrast: "var(--background-color-canvas)",
  },
  "promo-background-color-vibrant": {
    light: "var(--color-violet-0)",
    dark: "var(--color-violet-90)",
    default: "light-dark(var(--color-violet-0), var(--color-violet-90))",
  },
  "promo-border": "var(--promo-border-width) solid var(--promo-border-color)",
  "promo-border-color": {
    default: "color-mix(in lch, currentColor 8%, transparent)",
    prefersContrast: "var(--border-color)",
  },
  "promo-border-color-vibrant": "var(--color-violet-30)",
  "promo-border-width": "var(--border-width)",
  "promo-border-radius": "var(--border-radius-medium)",
  "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: "var(--color-violet-80)",
    dark: "var(--color-violet-0)",
    default: "light-dark(var(--color-violet-80), var(--color-violet-0))",
  },
  "promo-padding": "var(--space-medium)",
  "reorderable-list-indicator-background-color": "var(--color-accent-primary)",
  "reorderable-list-indicator-margin": "var(--reorderable-list-indicator-size)",
  "reorderable-list-indicator-size": "2px",
  "segmented-control-border":
    "var(--border-width) solid var(--segmented-control-border-color)",
  "segmented-control-border-color": "var(--border-color-interactive)",
  "segmented-control-border-radius":
    "calc(var(--button-border-radius) + var(--focus-outline-width) + var(--focus-outline-offset) + var(--border-width))",
  "segmented-control-padding": "var(--space-xsmall)",
  small: "var(--button-min-height-small)",
  block: "var(--button-padding-block)",
  "select-background-color": "var(--button-background-color)",
  "select-background-color-hover": "var(--button-background-color-hover)",
  "select-background-color-disabled": "var(--button-background-color-disabled)",
  "select-border": "var(--button-border)",
  "select-border-color-hover": "var(--button-border-color-hover)",
  "select-border-color-disabled": "var(--button-border-color-disabled)",
  "select-border-radius": "var(--button-border-radius)",
  "select-font-size": "var(--button-font-size)",
  "select-font-size-small": "var(--select-font-size)",
  "select-font-weight": "var(--button-font-weight)",
  "select-icon-fill": "var(--button-icon-fill)",
  "select-min-height": "var(--button-min-height)",
  "select-min-height-small": "var(--select-min-height)",
  "select-opacity-disabled": "var(--button-opacity-disabled)",
  "select-option-font-weight": "var(--font-weight)",
  "select-option-text-color": "var(--text-color)",
  "select-padding-block": "var(--space-small)",
  "select-padding-icon": "var(--icon-size)",
  "select-space-inline": "var(--space-large)",
  "select-space-inline-small": "var(--space-large)",
  "select-text-color": "var(--button-text-color)",
  "select-text-color-hover": "var(--button-text-color-hover)",
  "select-text-color-disabled": "var(--button-text-color-disabled)",
  "toggle-background-color": "var(--button-background-color)",
  "toggle-background-color-hover": "var(--button-background-color-hover)",
  "toggle-background-color-active": "var(--button-background-color-active)",
  "toggle-background-color-pressed": "var(--color-accent-primary)",
  "toggle-background-color-pressed-hover": "var(--color-accent-primary-hover)",
  "toggle-background-color-pressed-active":
    "var(--color-accent-primary-active)",
  "toggle-border-color": {
    light: "var(--color-gray-70)",
    dark: "var(--border-color-interactive)",
    prefersContrast: "var(--border-color-interactive)",
    forcedColors: "var(--border-color-interactive)",
    default:
      "light-dark(var(--color-gray-70), var(--border-color-interactive))",
  },
  "toggle-border-color-hover": {
    default: "var(--toggle-border-color)",
    forcedColors: "var(--border-color-interactive-hover)",
  },
  "toggle-border-color-active": {
    default: "var(--toggle-border-color)",
    forcedColors: "var(--border-color-interactive-active)",
  },
  "toggle-border-radius": "var(--border-radius-circle)",
  "toggle-border-width": "var(--border-width)",
  "toggle-height": "var(--size-item-small)",
  "toggle-width": "var(--size-item-large)",
  "toggle-dot-background-color": {
    default: "var(--toggle-border-color)",
    forcedColors: "var(--color-accent-primary)",
  },
  "toggle-dot-background-color-hover": {
    default: "var(--toggle-dot-background-color)",
    forcedColors: "var(--color-accent-primary-hover)",
  },
  "toggle-dot-background-color-active": {
    default: "var(--toggle-dot-background-color)",
    forcedColors: "var(--color-accent-primary-active)",
  },
  "toggle-dot-background-color-on-pressed": {
    default: "var(--background-color-canvas)",
    forcedColors: "var(--button-background-color)",
  },
  "toggle-dot-margin": "1px",
  "toggle-dot-height":
    "calc(var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width))",
  "toggle-dot-width": "var(--toggle-dot-height)",
  "toggle-dot-transform-x":
    "calc(var(--toggle-width) - 2 * var(--toggle-dot-margin) - 2px - var(--toggle-dot-width))",
  "toggle-inset": "calc(-1 * var(--dimension-2))",
  "toggle-opacity-disabled": "var(--button-opacity-disabled)",
  "visual-picker-item-border-color": "var(--border-color-interactive)",
  "visual-picker-item-border-radius": "var(--border-radius-medium)",
  "visual-picker-item-border-width": "var(--border-width)",
  "visual-picker-item-border-width-checked": "calc(var(--border-width) * 3)",
  "panel-item-badge-inset-block-start": "4px",
  "panel-item-badge-inset-inline-start": "24px",
  "panel-item-button-border-radius": "0",
  "panel-item-button-margin": "0",
  "panel-item-button-padding": "var(--space-xsmall) var(--space-small)",
  "panel-item-button-padding-inline-start": "var(--space-xxlarge)",
  "panel-list-background-color": "var(--background-color-box)",
  "panel-list-border-color": "var(--border-color-deemphasized)",
  "panel-list-border-radius": "var(--panel-border-radius)",
  "panel-list-box-shadow": "var(--popup-box-shadow)",
  "panel-list-text-color": "var(--text-color)",
  "box-border": "var(--box-border-width) solid var(--box-border-color)",
  "box-border-width": "var(--border-width)",
  "box-border-color": "var(--border-color)",
  "box-border-radius": "var(--border-radius-medium)",
  "box-border-radius-inner":
    "calc(var(--box-border-radius) - var(--box-border-width))",
  "box-button-background-color": "var(--button-background-color-menu)",
  "box-button-background-color-hover":
    "var(--button-background-color-menu-hover)",
  "box-button-background-color-active":
    "var(--button-background-color-menu-active)",
  "box-button-background-color-disabled":
    "var(--button-background-color-menu-disabled)",
  "box-button-text-color": "var(--button-text-color-menu)",
  "box-button-text-color-hover": "var(--button-text-color-menu-hover)",
  "box-button-text-color-active": "var(--button-text-color-menu-active)",
  "box-button-text-color-disabled": "var(--button-text-color-menu-disabled)",
  "box-icon-size": "var(--icon-size)",
  "box-icon-fill": "var(--icon-color)",
  "box-icon-stroke": "var(--box-icon-fill)",
  "box-padding": "var(--space-large)",
  "tab-margin-block": "var(--dimension-4)",
  "tab-border-radius": "var(--toolbarbutton-border-radius)",
  "tab-box-shadow-selected": "var(--box-shadow-level-1)",
  "tab-attention-dot-color": "var(--color-accent-attention)",
  "tab-close-button-padding": "6px",
  "tab-hover-outline-color": {
    default: "transparent",
    prefersContrast: "currentColor",
  },
  "tab-background-color-hover":
    "color-mix(in srgb, currentColor 11%, transparent)",
  "tab-background-color-selected": {
    nativeTheme: "var(--toolbar-background-color)",
    default: "var(--toolbar-background-color)",
    browserTheme: {
      light: "var(--color-white)",
      dark: "rgba(106, 106, 120, 0.7)",
      default: "light-dark(var(--color-white), rgba(106, 106, 120, 0.7))",
    },
  },
  "tab-icon-end-margin": "5.5px",
  "tab-inline-padding": "var(--dimension-8)",
  "tab-inner-inline-margin": "var(--space-medium)",
  "tab-label-line-height": 1.7,
  "tab-loading-fill": "var(--color-blue-50)",
  "tab-outline": "var(--border-width) solid var(--tab-outline-color)",
  "tab-outline-color": "transparent",
  "tab-outline-offset": "calc(-1 * var(--border-width))",
  "tab-overflow-clip-margin": "var(--dimension-2)",
  "tab-pinned-container-margin-inline-expanded": "var(--space-small)",
  "tab-pinned-expanded-background-width": "var(--dimension-40)",
  "tab-pinned-margin-inline-expanded": "var(--space-xsmall)",
  "tab-selected-outline-color": {
    default: "transparent",
    prefersContrast: "currentColor",
  },
  "tab-selected-textcolor": {
    nativeTheme: "var(--toolbar-text-color)",
    default: "var(--toolbar-text-color)",
    browserTheme: {
      light: "rgb(21, 20, 26)",
      dark: "var(--color-white)",
      default: "light-dark(rgb(21, 20, 26), var(--color-white))",
    },
  },
  "tab-vertical-block-margin": "var(--dimension-2)",
  "tab-vertical-inline-padding": "var(--space-medium)",
  "tab-group-blue": {
    light: "var(--color-blue-50)",
    dark: "var(--color-blue-10)",
    default: "light-dark(var(--color-blue-50), var(--color-blue-10))",
  },
  "tab-group-blue-text": {
    light: "var(--color-white)",
    dark: "var(--color-blue-60)",
    default: "light-dark(var(--color-white), var(--color-blue-60))",
  },
  "tab-group-blue-text-invert": {
    dark: "var(--color-white)",
    light: "var(--color-blue-60)",
    default: "light-dark(var(--color-blue-60), var(--color-white))",
  },
  "tab-group-blue-hover": {
    light: "var(--color-blue-60)",
    dark: "var(--color-blue-20)",
    default: "light-dark(var(--color-blue-60), var(--color-blue-20))",
  },
  "tab-group-blue-invert": {
    light: "var(--color-blue-10)",
    dark: "var(--color-blue-50)",
    default: "light-dark(var(--color-blue-10), var(--color-blue-50))",
  },
  "tab-group-purple": {
    light: "var(--color-purple-50)",
    dark: "var(--color-purple-10)",
    default: "light-dark(var(--color-purple-50), var(--color-purple-10))",
  },
  "tab-group-purple-text": {
    light: "var(--color-white)",
    dark: "var(--color-purple-60)",
    default: "light-dark(var(--color-white), var(--color-purple-60))",
  },
  "tab-group-purple-text-invert": {
    dark: "var(--color-white)",
    light: "var(--color-purple-60)",
    default: "light-dark(var(--color-purple-60), var(--color-white))",
  },
  "tab-group-purple-hover": {
    light: "var(--color-purple-60)",
    dark: "var(--color-purple-20)",
    default: "light-dark(var(--color-purple-60), var(--color-purple-20))",
  },
  "tab-group-purple-invert": {
    light: "var(--color-purple-10)",
    dark: "var(--color-purple-50)",
    default: "light-dark(var(--color-purple-10), var(--color-purple-50))",
  },
  "tab-group-cyan": {
    light: "var(--color-cyan-50)",
    dark: "var(--color-cyan-10)",
    default: "light-dark(var(--color-cyan-50), var(--color-cyan-10))",
  },
  "tab-group-cyan-text": {
    light: "var(--color-white)",
    dark: "var(--color-cyan-60)",
    default: "light-dark(var(--color-white), var(--color-cyan-60))",
  },
  "tab-group-cyan-text-invert": {
    dark: "var(--color-white)",
    light: "var(--color-cyan-60)",
    default: "light-dark(var(--color-cyan-60), var(--color-white))",
  },
  "tab-group-cyan-hover": {
    light: "var(--color-cyan-60)",
    dark: "var(--color-cyan-20)",
    default: "light-dark(var(--color-cyan-60), var(--color-cyan-20))",
  },
  "tab-group-cyan-invert": {
    light: "var(--color-cyan-10)",
    dark: "var(--color-cyan-50)",
    default: "light-dark(var(--color-cyan-10), var(--color-cyan-50))",
  },
  "tab-group-orange": {
    light: "var(--color-orange-50)",
    dark: "var(--color-orange-10)",
    default: "light-dark(var(--color-orange-50), var(--color-orange-10))",
  },
  "tab-group-orange-text": {
    light: "var(--color-white)",
    dark: "var(--color-orange-60)",
    default: "light-dark(var(--color-white), var(--color-orange-60))",
  },
  "tab-group-orange-text-invert": {
    dark: "var(--color-white)",
    light: "var(--color-orange-60)",
    default: "light-dark(var(--color-orange-60), var(--color-white))",
  },
  "tab-group-orange-hover": {
    light: "var(--color-orange-60)",
    dark: "var(--color-orange-20)",
    default: "light-dark(var(--color-orange-60), var(--color-orange-20))",
  },
  "tab-group-orange-invert": {
    light: "var(--color-orange-10)",
    dark: "var(--color-orange-50)",
    default: "light-dark(var(--color-orange-10), var(--color-orange-50))",
  },
  "tab-group-yellow": {
    light: "var(--color-yellow-50)",
    dark: "var(--color-yellow-10)",
    default: "light-dark(var(--color-yellow-50), var(--color-yellow-10))",
  },
  "tab-group-yellow-text": {
    light: "var(--color-white)",
    dark: "var(--color-yellow-60)",
    default: "light-dark(var(--color-white), var(--color-yellow-60))",
  },
  "tab-group-yellow-text-invert": {
    dark: "var(--color-white)",
    light: "var(--color-yellow-60)",
    default: "light-dark(var(--color-yellow-60), var(--color-white))",
  },
  "tab-group-yellow-hover": {
    light: "var(--color-yellow-60)",
    dark: "var(--color-yellow-20)",
    default: "light-dark(var(--color-yellow-60), var(--color-yellow-20))",
  },
  "tab-group-yellow-invert": {
    light: "var(--color-yellow-10)",
    dark: "var(--color-yellow-50)",
    default: "light-dark(var(--color-yellow-10), var(--color-yellow-50))",
  },
  "tab-group-pink": {
    light: "var(--color-pink-50)",
    dark: "var(--color-pink-10)",
    default: "light-dark(var(--color-pink-50), var(--color-pink-10))",
  },
  "tab-group-pink-text": {
    light: "var(--color-white)",
    dark: "var(--color-pink-60)",
    default: "light-dark(var(--color-white), var(--color-pink-60))",
  },
  "tab-group-pink-text-invert": {
    dark: "var(--color-white)",
    light: "var(--color-pink-60)",
    default: "light-dark(var(--color-pink-60), var(--color-white))",
  },
  "tab-group-pink-hover": {
    light: "var(--color-pink-60)",
    dark: "var(--color-pink-20)",
    default: "light-dark(var(--color-pink-60), var(--color-pink-20))",
  },
  "tab-group-pink-invert": {
    light: "var(--color-pink-10)",
    dark: "var(--color-pink-50)",
    default: "light-dark(var(--color-pink-10), var(--color-pink-50))",
  },
  "tab-group-green": {
    light: "var(--color-green-50)",
    dark: "var(--color-green-10)",
    default: "light-dark(var(--color-green-50), var(--color-green-10))",
  },
  "tab-group-green-text": {
    light: "var(--color-white)",
    dark: "var(--color-green-60)",
    default: "light-dark(var(--color-white), var(--color-green-60))",
  },
  "tab-group-green-text-invert": {
    dark: "var(--color-white)",
    light: "var(--color-green-60)",
    default: "light-dark(var(--color-green-60), var(--color-white))",
  },
  "tab-group-green-hover": {
    light: "var(--color-green-60)",
    dark: "var(--color-green-20)",
    default: "light-dark(var(--color-green-60), var(--color-green-20))",
  },
  "tab-group-green-invert": {
    light: "var(--color-green-10)",
    dark: "var(--color-green-50)",
    default: "light-dark(var(--color-green-10), var(--color-green-50))",
  },
  "tab-group-red": {
    light: "var(--color-red-50)",
    dark: "var(--color-red-10)",
    default: "light-dark(var(--color-red-50), var(--color-red-10))",
  },
  "tab-group-red-text": {
    light: "var(--color-white)",
    dark: "var(--color-red-60)",
    default: "light-dark(var(--color-white), var(--color-red-60))",
  },
  "tab-group-red-text-invert": {
    dark: "var(--color-white)",
    light: "var(--color-red-60)",
    default: "light-dark(var(--color-red-60), var(--color-white))",
  },
  "tab-group-red-hover": {
    light: "var(--color-red-60)",
    dark: "var(--color-red-20)",
    default: "light-dark(var(--color-red-60), var(--color-red-20))",
  },
  "tab-group-red-invert": {
    light: "var(--color-red-10)",
    dark: "var(--color-red-50)",
    default: "light-dark(var(--color-red-10), var(--color-red-50))",
  },
  "tab-group-gray": {
    light: "var(--color-gray-55)",
    dark: "var(--color-gray-0)",
    default: "light-dark(var(--color-gray-55), var(--color-gray-0))",
  },
  "tab-group-gray-text": {
    light: "var(--color-white)",
    dark: "var(--color-gray-65)",
    default: "light-dark(var(--color-white), var(--color-gray-65))",
  },
  "tab-group-gray-text-invert": {
    dark: "var(--color-white)",
    light: "var(--color-gray-65)",
    default: "light-dark(var(--color-gray-65), var(--color-white))",
  },
  "tab-group-gray-hover": {
    light: "var(--color-gray-65)",
    dark: "var(--color-gray-10)",
    default: "light-dark(var(--color-gray-65), var(--color-gray-10))",
  },
  "tab-group-gray-invert": {
    light: "var(--color-gray-0)",
    dark: "var(--color-gray-55)",
    default: "light-dark(var(--color-gray-0), var(--color-gray-55))",
  },
  "tabs-navbar-separator-color": "ThreeDShadow",
  "tabs-navbar-separator-style": {
    default: "solid",
    nativeTheme: "solid",
    browserTheme: { default: "none" },
  },
  "urlbar-background-color": "var(--toolbar-field-background-color)",
  "urlbar-background-color-focus":
    "var(--toolbar-field-background-color-focus)",
  "urlbar-border-radius": "var(--button-border-radius)",
  "urlbar-box-background-color": {
    nativeTheme: "var(--button-background-color)",
    default: "var(--button-background-color)",
    browserTheme: {
      light: "white",
      dark: "rgb(66, 65, 77)",
      default: "light-dark(white, rgb(66, 65, 77))",
    },
  },
  "urlbar-box-background-color-hover": {
    light: "var(--button-background-color-hover)",
    dark: "color-mix(in srgb, currentColor 22%, transparent)",
    default:
      "light-dark(var(--button-background-color-hover), color-mix(in srgb, currentColor 22%, transparent))",
  },
  "urlbar-box-background-color-active": "var(--button-background-color-active)",
  "urlbar-box-background-color-focus": {
    light: "var(--button-background-color)",
    dark: "color-mix(in srgb, currentColor 16%, transparent)",
    default:
      "light-dark(var(--button-background-color), color-mix(in srgb, currentColor 16%, transparent))",
  },
  "urlbar-box-text-color": "inherit",
  "urlbar-box-text-color-hover": "var(--urlbar-box-text-color)",
  "urlbar-icon-fill-opacity": {
    default: "0.9",
    nativeTheme: "0.9",
    prefersContrast: "1",
    browserTheme: { default: "0.72" },
  },
  "urlbar-margin-inline": "5px",
  "urlbar-padding-block": "4px",
  "urlbarview-background-color-hover": {
    nativeTheme: "var(--background-color-dimmed)",
    default: "var(--background-color-dimmed)",
    browserTheme: {
      light: "rgb(240, 240, 244)",
      dark: "var(--background-color-dimmed)",
      default: "light-dark(rgb(240, 240, 244), var(--background-color-dimmed))",
    },
  },
  "urlbarview-background-color-selected": {
    nativeTheme: "SelectedItem",
    default: "SelectedItem",
    browserTheme: {
      light: "#e0e0e6",
      dark: "rgb(43, 42, 51)",
      default: "light-dark(#e0e0e6, rgb(43, 42, 51))",
    },
  },
  "urlbarview-border-radius": "calc(var(--button-border-radius) + 2px)",
  "urlbarview-separator-color": {
    nativeTheme: "color-mix(in srgb, currentColor 14%, transparent)",
    prefersContrast: "color-mix(in srgb, currentColor 86%, transparent)",
    default: "color-mix(in srgb, currentColor 14%, transparent)",
    browserTheme: {
      light: "rgb(240, 240, 244)",
      dark: "rgb(82, 82, 94)",
      default: "light-dark(rgb(240, 240, 244), rgb(82, 82, 94))",
    },
  },
  "urlbarview-action-button-background-color":
    "color-mix(in srgb, var(--urlbarview-background-color-hover) 50%, transparent)",
  "urlbarview-action-button-background-color-hover":
    "var(--urlbarview-background-color-hover)",
  "urlbarview-favicon-size": "var(--icon-size)",
  "urlbarview-row-min-height": "var(--size-item-large)",
  "urlbarview-row-padding-block": "var(--space-small)",
  "urlbarview-text-color-action": {
    nativeTheme: "LinkText",
    default: "LinkText",
    browserTheme: {
      light: "rgb(91, 91, 102)",
      dark: "rgb(191, 191, 201)",
      default: "light-dark(rgb(91, 91, 102), rgb(191, 191, 201))",
    },
  },
  "urlbarview-text-color-secondary": {
    nativeTheme: "color-mix(in srgb, currentColor 73%, transparent)",
    default: "color-mix(in srgb, currentColor 73%, transparent)",
    forcedColors: "currentColor",
    browserTheme: {
      default: "color-mix(in srgb, currentColor 73%, transparent)",
    },
  },
  "urlbarview-text-color-selected": {
    nativeTheme: "SelectedItemText",
    default: "SelectedItemText",
    browserTheme: {
      light: "rgb(21, 20, 26)",
      dark: "rgb(251, 251, 254)",
      default: "light-dark(rgb(21, 20, 26), rgb(251, 251, 254))",
    },
  },
};
