tokens

const tokens: {
  borderRadius: {
     badge: {
        value: "{borderRadius.full}";
     };
     banner: {
        value: "{borderRadius.lg}";
     };
     cta: {
        value: "{borderRadius.full}";
     };
     input: {
        value: "{borderRadius.sm}";
     };
     link: {
        value: "{borderRadius.full}";
     };
     modal: {
        value: "{borderRadius.sm}";
     };
     select: {
        trigger: {
           value: "{borderRadius.sm}";
        };
        list: {
           value: "{borderRadius.sm}";
        };
     };
     none: {
        value: 0;
     };
     xs: {
        value: "{font.size.base}";
        modify: {
           type: "multiply";
           value: 0.25;
        };
     };
     sm: {
        value: "{font.size.base}";
        modify: {
           type: "multiply";
           value: 0.5;
        };
     };
     md: {
        value: "{font.size.base}";
        modify: {
           type: "multiply";
           value: 0.75;
        };
     };
     lg: {
        value: "{font.size.base}";
        modify: {
           type: "multiply";
           value: 1;
        };
     };
     xl: {
        value: "{font.size.base}";
        modify: {
           type: "multiply";
           value: 1.5;
        };
     };
     full: {
        value: 99999;
     };
  };
  colors: {
     page: {
        bg: {
           default: {
              value: "{colors.bg.default}";
           };
        };
        border: {
           default: {
              value: "{colors.line.default}";
           };
        };
        text: {
           default: {
              value: "{colors.fg.default}";
           };
           muted: {
              value: "{colors.fg.muted}";
           };
        };
     };
     cta: {
        primary: {
           bg: {
              default: {
                 value: "{colors.bg.primary}";
              };
              hover: {
                 value: "{colors.bg.primary}";
                 modify: {
                    type: "color-mix";
                    value: readonly [readonly ["{colors.bg.contrast}", "15%"]];
                 };
              };
              pressed: {
                 value: "{colors.bg.primary}";
                 modify: {
                    type: "color-mix";
                    value: readonly [readonly ["{colors.bg.contrast}", "30%"]];
                 };
              };
           };
           border: {
              focus: {
                 value: "{colors.line.primary}";
              };
           };
           text: {
              default: {
                 value: "{colors.fg.onPrimary}";
              };
              hover: {
                 value: "{colors.fg.onPrimary}";
              };
           };
        };
        secondary: {
           bg: {
              default: {
                 value: "{colors.bg.secondary}";
              };
              hover: {
                 value: "{colors.bg.secondary}";
                 modify: {
                    type: "color-mix";
                    value: readonly [readonly ["{colors.bg.contrast}", "10%"]];
                 };
              };
              pressed: {
                 value: "{colors.bg.secondary}";
                 modify: {
                    type: "color-mix";
                    value: readonly [readonly ["{colors.bg.contrast}", "20%"]];
                 };
              };
           };
           border: {
              focus: {
                 value: "{colors.line.primary}";
              };
           };
           text: {
              default: {
                 value: "{colors.fg.onSecondary}";
              };
              hover: {
                 value: "{colors.fg.onSecondary}";
              };
           };
        };
     };
     link: {
        primary: {
           text: {
              default: {
                 value: "{colors.fg.primary}";
              };
              hover: {
                 value: "{colors.fg.primary}";
                 modify: {
                    type: "color-mix";
                    value: readonly [readonly ["{colors.bg.contrast}", "15%"]];
                 };
              };
              pressed: {
                 value: "{colors.fg.primary}";
                 modify: {
                    type: "color-mix";
                    value: readonly [readonly ["{colors.bg.contrast}", "30%"]];
                 };
              };
           };
        };
        secondary: {
           text: {
              default: {
                 value: "{colors.fg.default}";
              };
              hover: {
                 value: "{colors.fg.default}";
                 modify: {
                    type: "color-mix";
                    value: readonly [readonly ["{colors.bg.contrast}", "10%"]];
                 };
              };
              pressed: {
                 value: "{colors.fg.default}";
                 modify: {
                    type: "color-mix";
                    value: readonly [readonly ["{colors.bg.contrast}", "20%"]];
                 };
              };
           };
        };
     };
     input: {
        bg: {
           default: {
              value: "{colors.bg.default}";
           };
           readonly: {
              value: "{colors.bg.alternate}";
           };
        };
        border: {
           default: {
              value: "{colors.line.heavy}";
           };
           focus: {
              value: "{colors.line.primary}";
           };
           error: {
              value: "{colors.line.negative}";
           };
           success: {
              value: "{colors.line.positive}";
           };
        };
        label: {
           default: {
              value: "{colors.fg.default}";
           };
        };
        placeholder: {
           default: {
              value: "{colors.fg.muted}";
           };
        };
        text: {
           default: {
              value: "{colors.fg.default}";
           };
           readonly: {
              value: "{colors.fg.muted}";
           };
        };
        errorText: {
           default: {
              value: "{colors.fg.negative}";
           };
        };
        successText: {
           default: {
              value: "{colors.fg.positive}";
           };
        };
     };
     select: {
        label: {
           default: {
              value: "{colors.fg.default}";
           };
        };
        trigger: {
           bg: {
              default: {
                 value: "{colors.bg.default}";
              };
              hover: {
                 value: "{colors.bg.default}";
                 modify: {
                    type: "color-mix";
                    value: readonly [readonly ["{colors.bg.contrast}", "5%"]];
                 };
              };
              pressed: {
                 value: "{colors.bg.default}";
                 modify: {
                    type: "color-mix";
                    value: readonly [readonly ["{colors.bg.contrast}", "7%"]];
                 };
              };
           };
           border: {
              default: {
                 value: "{colors.line.default}";
              };
              focus: {
                 value: "{colors.line.primary}";
              };
              error: {
                 value: "{colors.line.negative}";
              };
              success: {
                 value: "{colors.line.positive}";
              };
           };
           placeholder: {
              default: {
                 value: "{colors.fg.muted}";
              };
           };
           text: {
              default: {
                 value: "{colors.fg.default}";
              };
           };
           errorText: {
              default: {
                 value: "{colors.fg.negative}";
              };
           };
           successText: {
              default: {
                 value: "{colors.fg.positive}";
              };
           };
        };
        list: {
           bg: {
              default: {
                 value: "{colors.bg.default}";
              };
           };
           border: {
              default: {
                 value: "{colors.line.default}";
              };
              focus: {
                 value: "{colors.line.primary}";
              };
              error: {
                 value: "{colors.line.negative}";
              };
              success: {
                 value: "{colors.line.positive}";
              };
           };
           item: {
              bg: {
                 default: {
                    value: "{colors.bg.default}";
                 };
                 highlight: {
                    value: "{colors.bg.default}";
                    modify: {
                       type: "color-mix";
                       value: readonly [readonly ["{colors.bg.contrast}", "10%"]];
                    };
                 };
              };
              text: {
                 default: {
                    value: "{colors.fg.default}";
                 };
                 muted: {
                    value: "{colors.fg.muted}";
                 };
                 onHighlight: {
                    value: "{colors.fg.default}";
                 };
                 mutedOnHighlight: {
                    value: "{colors.fg.muted}";
                 };
              };
           };
        };
     };
     code: {
        bg: {
           default: {
              value: "{colors.bg.alternate}";
           };
        };
        border: {
           default: {
              value: "{colors.line.heavy}";
           };
        };
        text: {
           default: {
              value: "{colors.fg.default}";
           };
        };
     };
     badge: {
        primary: {
           bg: {
              default: {
                 value: "{colors.bg.primaryWash}";
              };
           };
           text: {
              default: {
                 value: "{colors.fg.primary}";
              };
           };
        };
        secondary: {
           bg: {
              default: {
                 value: "{colors.bg.secondary}";
              };
           };
           text: {
              default: {
                 value: "{colors.fg.onSecondary}";
              };
           };
        };
        warning: {
           bg: {
              default: {
                 value: "{colors.bg.warningWash}";
              };
           };
           text: {
              default: {
                 value: "{colors.fg.warning}";
              };
           };
        };
     };
     banner: {
        error: {
           bg: {
              default: {
                 value: "{colors.bg.negativeWash}";
              };
           };
           icon: {
              default: {
                 value: "{colors.fg.negative}";
              };
           };
           text: {
              default: {
                 value: "{colors.fg.onNegativeWash}";
              };
           };
        };
        success: {
           bg: {
              default: {
                 value: "{colors.bg.positiveWash}";
              };
           };
           icon: {
              default: {
                 value: "{colors.fg.positive}";
              };
           };
           text: {
              default: {
                 value: "{colors.fg.onPositiveWash}";
              };
           };
        };
        warning: {
           bg: {
              default: {
                 value: "{colors.bg.warningWash}";
              };
           };
           icon: {
              default: {
                 value: "{colors.fg.warning}";
              };
           };
           text: {
              default: {
                 value: "{colors.fg.onWarningWash}";
              };
           };
        };
     };
     bg: {
        default: {
           value: "#ffffff";
        };
        alternate: {
           value: "#eef0f3";
        };
        contrast: {
           value: "{colors.fg.default}";
        };
        overlay: {
           value: "{colors.bg.alternate}";
           modify: {
              type: "color-alpha";
              value: 0.33;
           };
        };
        skeleton: {
           value: "{colors.fg.default}";
           modify: {
              type: "color-alpha";
              value: 0.1;
           };
        };
        primary: {
           value: "#0052ff";
        };
        secondary: {
           value: "#eef0f3";
        };
        primaryWash: {
           value: "{colors.fg.primary}";
           modify: {
              type: "color-mix";
              value: readonly [readonly ["{colors.bg.default}", "92%"]];
           };
        };
        positiveWash: {
           value: "{colors.fg.positive}";
           modify: {
              type: "color-mix";
              value: readonly [readonly ["{colors.bg.default}", "92%"]];
           };
        };
        negativeWash: {
           value: "{colors.fg.negative}";
           modify: {
              type: "color-mix";
              value: readonly [readonly ["{colors.bg.default}", "92%"]];
           };
        };
        warningWash: {
           value: "{colors.fg.warning}";
           modify: {
              type: "color-mix";
              value: readonly [readonly ["{colors.bg.default}", "92%"]];
           };
        };
     };
     fg: {
        default: {
           value: "#0a0b0d";
        };
        muted: {
           value: "#5b616e";
        };
        primary: {
           value: "#0052ff";
        };
        onPrimary: {
           value: "#ffffff";
        };
        onSecondary: {
           value: "#0a0b0d";
        };
        positive: {
           value: "#098551";
        };
        negative: {
           value: "#cf202f";
        };
        warning: {
           value: "#ed702f";
        };
        onPrimaryWash: {
           value: "{colors.fg.onPrimary}";
        };
        onPositiveWash: {
           value: "{colors.fg.default}";
        };
        onNegativeWash: {
           value: "{colors.fg.default}";
        };
        onWarningWash: {
           value: "{colors.fg.default}";
        };
     };
     line: {
        default: {
           value: "#dcdfe4";
        };
        heavy: {
           value: "#9397a0";
        };
        primary: {
           value: "{colors.fg.primary}";
        };
        positive: {
           value: "{colors.fg.positive}";
        };
        negative: {
           value: "{colors.fg.negative}";
        };
     };
  };
  font: {
     family: {
        page: {
           value: "{font.family.body}";
        };
        cta: {
           value: "{font.family.interactive}";
        };
        link: {
           value: "{font.family.interactive}";
        };
        input: {
           value: "{font.family.interactive}";
        };
        select: {
           value: "{font.family.interactive}";
        };
        code: {
           value: "{font.family.mono}";
        };
        iframe: {
           value: "{font.family.interactive}";
        };
        mono: {
           value: "\"DM Mono\", monospace";
        };
        sans: {
           value: "\"Rethink Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
        };
        body: {
           value: "{font.family.sans}";
        };
        interactive: {
           value: "{font.family.sans}";
        };
     };
     url: {
        iframe: {
           value: "";
        };
     };
     size: {
        base: {
           value: 16;
        };
     };
  };
  zIndex: {
     select: {
        list: {
           value: "{zIndex.popup}";
        };
     };
     modal: {
        overlay: {
           value: "{zIndex.scrim}";
        };
        dialog: {
           value: "{zIndex.floating}";
        };
     };
     base: {
        value: 0;
        unit: "none";
     };
     raised: {
        value: 1;
        unit: "none";
     };
     popup: {
        value: 200;
        unit: "none";
     };
     scrim: {
        value: 400;
        unit: "none";
     };
     floating: {
        value: 500;
        unit: "none";
     };
  };
};

All the tokens used in the theme.

Type declaration

Name	Type	Default value
`borderRadius`	{ `badge`: { `value`: `"{borderRadius.full}"`; }; `banner`: { `value`: `"{borderRadius.lg}"`; }; `cta`: { `value`: `"{borderRadius.full}"`; }; `input`: { `value`: `"{borderRadius.sm}"`; }; `link`: { `value`: `"{borderRadius.full}"`; }; `modal`: { `value`: `"{borderRadius.sm}"`; }; `select`: { `trigger`: { `value`: `"{borderRadius.sm}"`; }; `list`: { `value`: `"{borderRadius.sm}"`; }; }; `none`: { `value`: `0`; }; `xs`: { `value`: `"{font.size.base}"`; `modify`: { `type`: `"multiply"`; `value`: `0.25`; }; }; `sm`: { `value`: `"{font.size.base}"`; `modify`: { `type`: `"multiply"`; `value`: `0.5`; }; }; `md`: { `value`: `"{font.size.base}"`; `modify`: { `type`: `"multiply"`; `value`: `0.75`; }; }; `lg`: { `value`: `"{font.size.base}"`; `modify`: { `type`: `"multiply"`; `value`: `1`; }; }; `xl`: { `value`: `"{font.size.base}"`; `modify`: { `type`: `"multiply"`; `value`: `1.5`; }; }; `full`: { `value`: `99999`; }; }	-
`borderRadius.badge`	{ `value`: `"{borderRadius.full}"`; }	-
`borderRadius.badge.value`	`"{borderRadius.full}"`	`"{borderRadius.full}"`
`borderRadius.banner`	{ `value`: `"{borderRadius.lg}"`; }	-
`borderRadius.banner.value`	`"{borderRadius.lg}"`	`"{borderRadius.lg}"`
`borderRadius.cta`	{ `value`: `"{borderRadius.full}"`; }	-
`borderRadius.cta.value`	`"{borderRadius.full}"`	`"{borderRadius.full}"`
`borderRadius.input`	{ `value`: `"{borderRadius.sm}"`; }	-
`borderRadius.input.value`	`"{borderRadius.sm}"`	`"{borderRadius.sm}"`
`borderRadius.link`	{ `value`: `"{borderRadius.full}"`; }	-
`borderRadius.link.value`	`"{borderRadius.full}"`	`"{borderRadius.full}"`
`borderRadius.modal`	{ `value`: `"{borderRadius.sm}"`; }	-
`borderRadius.modal.value`	`"{borderRadius.sm}"`	`"{borderRadius.sm}"`
`borderRadius.select`	{ `trigger`: { `value`: `"{borderRadius.sm}"`; }; `list`: { `value`: `"{borderRadius.sm}"`; }; }	-
`borderRadius.select.trigger`	{ `value`: `"{borderRadius.sm}"`; }	-
`borderRadius.select.trigger.value`	`"{borderRadius.sm}"`	`"{borderRadius.sm}"`
`borderRadius.select.list`	{ `value`: `"{borderRadius.sm}"`; }	-
`borderRadius.select.list.value`	`"{borderRadius.sm}"`	`"{borderRadius.sm}"`
`borderRadius.none`	{ `value`: `0`; }	-
`borderRadius.none.value`	`0`	`0`
`borderRadius.xs`	{ `value`: `"{font.size.base}"`; `modify`: { `type`: `"multiply"`; `value`: `0.25`; }; }	-
`borderRadius.xs.value`	`"{font.size.base}"`	`"{font.size.base}"`
`borderRadius.xs.modify`	{ `type`: `"multiply"`; `value`: `0.25`; }	-
`borderRadius.xs.modify.type`	`"multiply"`	`"multiply"`
`borderRadius.xs.modify.value`	`0.25`	`0.25`
`borderRadius.sm`	{ `value`: `"{font.size.base}"`; `modify`: { `type`: `"multiply"`; `value`: `0.5`; }; }	-
`borderRadius.sm.value`	`"{font.size.base}"`	`"{font.size.base}"`
`borderRadius.sm.modify`	{ `type`: `"multiply"`; `value`: `0.5`; }	-
`borderRadius.sm.modify.type`	`"multiply"`	`"multiply"`
`borderRadius.sm.modify.value`	`0.5`	`0.5`
`borderRadius.md`	{ `value`: `"{font.size.base}"`; `modify`: { `type`: `"multiply"`; `value`: `0.75`; }; }	-
`borderRadius.md.value`	`"{font.size.base}"`	`"{font.size.base}"`
`borderRadius.md.modify`	{ `type`: `"multiply"`; `value`: `0.75`; }	-
`borderRadius.md.modify.type`	`"multiply"`	`"multiply"`
`borderRadius.md.modify.value`	`0.75`	`0.75`
`borderRadius.lg`	{ `value`: `"{font.size.base}"`; `modify`: { `type`: `"multiply"`; `value`: `1`; }; }	-
`borderRadius.lg.value`	`"{font.size.base}"`	`"{font.size.base}"`
`borderRadius.lg.modify`	{ `type`: `"multiply"`; `value`: `1`; }	-
`borderRadius.lg.modify.type`	`"multiply"`	`"multiply"`
`borderRadius.lg.modify.value`	`1`	`1`
`borderRadius.xl`	{ `value`: `"{font.size.base}"`; `modify`: { `type`: `"multiply"`; `value`: `1.5`; }; }	-
`borderRadius.xl.value`	`"{font.size.base}"`	`"{font.size.base}"`
`borderRadius.xl.modify`	{ `type`: `"multiply"`; `value`: `1.5`; }	-
`borderRadius.xl.modify.type`	`"multiply"`	`"multiply"`
`borderRadius.xl.modify.value`	`1.5`	`1.5`
`borderRadius.full`	{ `value`: `99999`; }	-
`borderRadius.full.value`	`99999`	`99999`
`colors`	{ `page`: { `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; }; `border`: { `default`: { `value`: `"{colors.line.default}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; `muted`: { `value`: `"{colors.fg.muted}"`; }; }; }; `cta`: { `primary`: { `bg`: { `default`: { `value`: `"{colors.bg.primary}"`; }; `hover`: { `value`: `"{colors.bg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]; }; }; `pressed`: { `value`: `"{colors.bg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]; }; }; }; `border`: { `focus`: { `value`: `"{colors.line.primary}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onPrimary}"`; }; `hover`: { `value`: `"{colors.fg.onPrimary}"`; }; }; }; `secondary`: { `bg`: { `default`: { `value`: `"{colors.bg.secondary}"`; }; `hover`: { `value`: `"{colors.bg.secondary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; `pressed`: { `value`: `"{colors.bg.secondary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]; }; }; }; `border`: { `focus`: { `value`: `"{colors.line.primary}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onSecondary}"`; }; `hover`: { `value`: `"{colors.fg.onSecondary}"`; }; }; }; }; `link`: { `primary`: { `text`: { `default`: { `value`: `"{colors.fg.primary}"`; }; `hover`: { `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]; }; }; `pressed`: { `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]; }; }; }; }; `secondary`: { `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; `hover`: { `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; `pressed`: { `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]; }; }; }; }; }; `input`: { `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; `readonly`: { `value`: `"{colors.bg.alternate}"`; }; }; `border`: { `default`: { `value`: `"{colors.line.heavy}"`; }; `focus`: { `value`: `"{colors.line.primary}"`; }; `error`: { `value`: `"{colors.line.negative}"`; }; `success`: { `value`: `"{colors.line.positive}"`; }; }; `label`: { `default`: { `value`: `"{colors.fg.default}"`; }; }; `placeholder`: { `default`: { `value`: `"{colors.fg.muted}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; `readonly`: { `value`: `"{colors.fg.muted}"`; }; }; `errorText`: { `default`: { `value`: `"{colors.fg.negative}"`; }; }; `successText`: { `default`: { `value`: `"{colors.fg.positive}"`; }; }; }; `select`: { `label`: { `default`: { `value`: `"{colors.fg.default}"`; }; }; `trigger`: { `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; `hover`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"5%"`]]; }; }; `pressed`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"7%"`]]; }; }; }; `border`: { `default`: { `value`: `"{colors.line.default}"`; }; `focus`: { `value`: `"{colors.line.primary}"`; }; `error`: { `value`: `"{colors.line.negative}"`; }; `success`: { `value`: `"{colors.line.positive}"`; }; }; `placeholder`: { `default`: { `value`: `"{colors.fg.muted}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; }; `errorText`: { `default`: { `value`: `"{colors.fg.negative}"`; }; }; `successText`: { `default`: { `value`: `"{colors.fg.positive}"`; }; }; }; `list`: { `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; }; `border`: { `default`: { `value`: `"{colors.line.default}"`; }; `focus`: { `value`: `"{colors.line.primary}"`; }; `error`: { `value`: `"{colors.line.negative}"`; }; `success`: { `value`: `"{colors.line.positive}"`; }; }; `item`: { `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; `highlight`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; `muted`: { `value`: `"{colors.fg.muted}"`; }; `onHighlight`: { `value`: `"{colors.fg.default}"`; }; `mutedOnHighlight`: { `value`: `"{colors.fg.muted}"`; }; }; }; }; }; `code`: { `bg`: { `default`: { `value`: `"{colors.bg.alternate}"`; }; }; `border`: { `default`: { `value`: `"{colors.line.heavy}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; }; }; `badge`: { `primary`: { `bg`: { `default`: { `value`: `"{colors.bg.primaryWash}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.primary}"`; }; }; }; `secondary`: { `bg`: { `default`: { `value`: `"{colors.bg.secondary}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onSecondary}"`; }; }; }; `warning`: { `bg`: { `default`: { `value`: `"{colors.bg.warningWash}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.warning}"`; }; }; }; }; `banner`: { `error`: { `bg`: { `default`: { `value`: `"{colors.bg.negativeWash}"`; }; }; `icon`: { `default`: { `value`: `"{colors.fg.negative}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onNegativeWash}"`; }; }; }; `success`: { `bg`: { `default`: { `value`: `"{colors.bg.positiveWash}"`; }; }; `icon`: { `default`: { `value`: `"{colors.fg.positive}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onPositiveWash}"`; }; }; }; `warning`: { `bg`: { `default`: { `value`: `"{colors.bg.warningWash}"`; }; }; `icon`: { `default`: { `value`: `"{colors.fg.warning}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onWarningWash}"`; }; }; }; }; `bg`: { `default`: { `value`: `"#ffffff"`; }; `alternate`: { `value`: `"#eef0f3"`; }; `contrast`: { `value`: `"{colors.fg.default}"`; }; `overlay`: { `value`: `"{colors.bg.alternate}"`; `modify`: { `type`: `"color-alpha"`; `value`: `0.33`; }; }; `skeleton`: { `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-alpha"`; `value`: `0.1`; }; }; `primary`: { `value`: `"#0052ff"`; }; `secondary`: { `value`: `"#eef0f3"`; }; `primaryWash`: { `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }; }; `positiveWash`: { `value`: `"{colors.fg.positive}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }; }; `negativeWash`: { `value`: `"{colors.fg.negative}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }; }; `warningWash`: { `value`: `"{colors.fg.warning}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }; }; }; `fg`: { `default`: { `value`: `"#0a0b0d"`; }; `muted`: { `value`: `"#5b616e"`; }; `primary`: { `value`: `"#0052ff"`; }; `onPrimary`: { `value`: `"#ffffff"`; }; `onSecondary`: { `value`: `"#0a0b0d"`; }; `positive`: { `value`: `"#098551"`; }; `negative`: { `value`: `"#cf202f"`; }; `warning`: { `value`: `"#ed702f"`; }; `onPrimaryWash`: { `value`: `"{colors.fg.onPrimary}"`; }; `onPositiveWash`: { `value`: `"{colors.fg.default}"`; }; `onNegativeWash`: { `value`: `"{colors.fg.default}"`; }; `onWarningWash`: { `value`: `"{colors.fg.default}"`; }; }; `line`: { `default`: { `value`: `"#dcdfe4"`; }; `heavy`: { `value`: `"#9397a0"`; }; `primary`: { `value`: `"{colors.fg.primary}"`; }; `positive`: { `value`: `"{colors.fg.positive}"`; }; `negative`: { `value`: `"{colors.fg.negative}"`; }; }; }	-
`colors.page`	{ `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; }; `border`: { `default`: { `value`: `"{colors.line.default}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; `muted`: { `value`: `"{colors.fg.muted}"`; }; }; }	-
`colors.page.bg`	{ `default`: { `value`: `"{colors.bg.default}"`; }; }	-
`colors.page.bg.default`	{ `value`: `"{colors.bg.default}"`; }	-
`colors.page.bg.default.value`	`"{colors.bg.default}"`	`"{colors.bg.default}"`
`colors.page.border`	{ `default`: { `value`: `"{colors.line.default}"`; }; }	-
`colors.page.border.default`	{ `value`: `"{colors.line.default}"`; }	-
`colors.page.border.default.value`	`"{colors.line.default}"`	`"{colors.line.default}"`
`colors.page.text`	{ `default`: { `value`: `"{colors.fg.default}"`; }; `muted`: { `value`: `"{colors.fg.muted}"`; }; }	-
`colors.page.text.default`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.page.text.default.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.page.text.muted`	{ `value`: `"{colors.fg.muted}"`; }	-
`colors.page.text.muted.value`	`"{colors.fg.muted}"`	`"{colors.fg.muted}"`
`colors.cta`	{ `primary`: { `bg`: { `default`: { `value`: `"{colors.bg.primary}"`; }; `hover`: { `value`: `"{colors.bg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]; }; }; `pressed`: { `value`: `"{colors.bg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]; }; }; }; `border`: { `focus`: { `value`: `"{colors.line.primary}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onPrimary}"`; }; `hover`: { `value`: `"{colors.fg.onPrimary}"`; }; }; }; `secondary`: { `bg`: { `default`: { `value`: `"{colors.bg.secondary}"`; }; `hover`: { `value`: `"{colors.bg.secondary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; `pressed`: { `value`: `"{colors.bg.secondary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]; }; }; }; `border`: { `focus`: { `value`: `"{colors.line.primary}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onSecondary}"`; }; `hover`: { `value`: `"{colors.fg.onSecondary}"`; }; }; }; }	-
`colors.cta.primary`	{ `bg`: { `default`: { `value`: `"{colors.bg.primary}"`; }; `hover`: { `value`: `"{colors.bg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]; }; }; `pressed`: { `value`: `"{colors.bg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]; }; }; }; `border`: { `focus`: { `value`: `"{colors.line.primary}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onPrimary}"`; }; `hover`: { `value`: `"{colors.fg.onPrimary}"`; }; }; }	-
`colors.cta.primary.bg`	{ `default`: { `value`: `"{colors.bg.primary}"`; }; `hover`: { `value`: `"{colors.bg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]; }; }; `pressed`: { `value`: `"{colors.bg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]; }; }; }	-
`colors.cta.primary.bg.default`	{ `value`: `"{colors.bg.primary}"`; }	-
`colors.cta.primary.bg.default.value`	`"{colors.bg.primary}"`	`"{colors.bg.primary}"`
`colors.cta.primary.bg.hover`	{ `value`: `"{colors.bg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]; }; }	-
`colors.cta.primary.bg.hover.value`	`"{colors.bg.primary}"`	`"{colors.bg.primary}"`
`colors.cta.primary.bg.hover.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]; }	-
`colors.cta.primary.bg.hover.modify.type`	`"color-mix"`	`"color-mix"`
`colors.cta.primary.bg.hover.modify.value`	readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]	-
`colors.cta.primary.bg.pressed`	{ `value`: `"{colors.bg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]; }; }	-
`colors.cta.primary.bg.pressed.value`	`"{colors.bg.primary}"`	`"{colors.bg.primary}"`
`colors.cta.primary.bg.pressed.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]; }	-
`colors.cta.primary.bg.pressed.modify.type`	`"color-mix"`	`"color-mix"`
`colors.cta.primary.bg.pressed.modify.value`	readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]	-
`colors.cta.primary.border`	{ `focus`: { `value`: `"{colors.line.primary}"`; }; }	-
`colors.cta.primary.border.focus`	{ `value`: `"{colors.line.primary}"`; }	-
`colors.cta.primary.border.focus.value`	`"{colors.line.primary}"`	`"{colors.line.primary}"`
`colors.cta.primary.text`	{ `default`: { `value`: `"{colors.fg.onPrimary}"`; }; `hover`: { `value`: `"{colors.fg.onPrimary}"`; }; }	-
`colors.cta.primary.text.default`	{ `value`: `"{colors.fg.onPrimary}"`; }	-
`colors.cta.primary.text.default.value`	`"{colors.fg.onPrimary}"`	`"{colors.fg.onPrimary}"`
`colors.cta.primary.text.hover`	{ `value`: `"{colors.fg.onPrimary}"`; }	-
`colors.cta.primary.text.hover.value`	`"{colors.fg.onPrimary}"`	`"{colors.fg.onPrimary}"`
`colors.cta.secondary`	{ `bg`: { `default`: { `value`: `"{colors.bg.secondary}"`; }; `hover`: { `value`: `"{colors.bg.secondary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; `pressed`: { `value`: `"{colors.bg.secondary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]; }; }; }; `border`: { `focus`: { `value`: `"{colors.line.primary}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onSecondary}"`; }; `hover`: { `value`: `"{colors.fg.onSecondary}"`; }; }; }	-
`colors.cta.secondary.bg`	{ `default`: { `value`: `"{colors.bg.secondary}"`; }; `hover`: { `value`: `"{colors.bg.secondary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; `pressed`: { `value`: `"{colors.bg.secondary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]; }; }; }	-
`colors.cta.secondary.bg.default`	{ `value`: `"{colors.bg.secondary}"`; }	-
`colors.cta.secondary.bg.default.value`	`"{colors.bg.secondary}"`	`"{colors.bg.secondary}"`
`colors.cta.secondary.bg.hover`	{ `value`: `"{colors.bg.secondary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }	-
`colors.cta.secondary.bg.hover.value`	`"{colors.bg.secondary}"`	`"{colors.bg.secondary}"`
`colors.cta.secondary.bg.hover.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }	-
`colors.cta.secondary.bg.hover.modify.type`	`"color-mix"`	`"color-mix"`
`colors.cta.secondary.bg.hover.modify.value`	readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]	-
`colors.cta.secondary.bg.pressed`	{ `value`: `"{colors.bg.secondary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]; }; }	-
`colors.cta.secondary.bg.pressed.value`	`"{colors.bg.secondary}"`	`"{colors.bg.secondary}"`
`colors.cta.secondary.bg.pressed.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]; }	-
`colors.cta.secondary.bg.pressed.modify.type`	`"color-mix"`	`"color-mix"`
`colors.cta.secondary.bg.pressed.modify.value`	readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]	-
`colors.cta.secondary.border`	{ `focus`: { `value`: `"{colors.line.primary}"`; }; }	-
`colors.cta.secondary.border.focus`	{ `value`: `"{colors.line.primary}"`; }	-
`colors.cta.secondary.border.focus.value`	`"{colors.line.primary}"`	`"{colors.line.primary}"`
`colors.cta.secondary.text`	{ `default`: { `value`: `"{colors.fg.onSecondary}"`; }; `hover`: { `value`: `"{colors.fg.onSecondary}"`; }; }	-
`colors.cta.secondary.text.default`	{ `value`: `"{colors.fg.onSecondary}"`; }	-
`colors.cta.secondary.text.default.value`	`"{colors.fg.onSecondary}"`	`"{colors.fg.onSecondary}"`
`colors.cta.secondary.text.hover`	{ `value`: `"{colors.fg.onSecondary}"`; }	-
`colors.cta.secondary.text.hover.value`	`"{colors.fg.onSecondary}"`	`"{colors.fg.onSecondary}"`
`colors.link`	{ `primary`: { `text`: { `default`: { `value`: `"{colors.fg.primary}"`; }; `hover`: { `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]; }; }; `pressed`: { `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]; }; }; }; }; `secondary`: { `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; `hover`: { `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; `pressed`: { `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]; }; }; }; }; }	-
`colors.link.primary`	{ `text`: { `default`: { `value`: `"{colors.fg.primary}"`; }; `hover`: { `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]; }; }; `pressed`: { `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]; }; }; }; }	-
`colors.link.primary.text`	{ `default`: { `value`: `"{colors.fg.primary}"`; }; `hover`: { `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]; }; }; `pressed`: { `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]; }; }; }	-
`colors.link.primary.text.default`	{ `value`: `"{colors.fg.primary}"`; }	-
`colors.link.primary.text.default.value`	`"{colors.fg.primary}"`	`"{colors.fg.primary}"`
`colors.link.primary.text.hover`	{ `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]; }; }	-
`colors.link.primary.text.hover.value`	`"{colors.fg.primary}"`	`"{colors.fg.primary}"`
`colors.link.primary.text.hover.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]; }	-
`colors.link.primary.text.hover.modify.type`	`"color-mix"`	`"color-mix"`
`colors.link.primary.text.hover.modify.value`	readonly [readonly [`"{colors.bg.contrast}"`, `"15%"`]]	-
`colors.link.primary.text.pressed`	{ `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]; }; }	-
`colors.link.primary.text.pressed.value`	`"{colors.fg.primary}"`	`"{colors.fg.primary}"`
`colors.link.primary.text.pressed.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]; }	-
`colors.link.primary.text.pressed.modify.type`	`"color-mix"`	`"color-mix"`
`colors.link.primary.text.pressed.modify.value`	readonly [readonly [`"{colors.bg.contrast}"`, `"30%"`]]	-
`colors.link.secondary`	{ `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; `hover`: { `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; `pressed`: { `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]; }; }; }; }	-
`colors.link.secondary.text`	{ `default`: { `value`: `"{colors.fg.default}"`; }; `hover`: { `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; `pressed`: { `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]; }; }; }	-
`colors.link.secondary.text.default`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.link.secondary.text.default.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.link.secondary.text.hover`	{ `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }	-
`colors.link.secondary.text.hover.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.link.secondary.text.hover.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }	-
`colors.link.secondary.text.hover.modify.type`	`"color-mix"`	`"color-mix"`
`colors.link.secondary.text.hover.modify.value`	readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]	-
`colors.link.secondary.text.pressed`	{ `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]; }; }	-
`colors.link.secondary.text.pressed.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.link.secondary.text.pressed.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]; }	-
`colors.link.secondary.text.pressed.modify.type`	`"color-mix"`	`"color-mix"`
`colors.link.secondary.text.pressed.modify.value`	readonly [readonly [`"{colors.bg.contrast}"`, `"20%"`]]	-
`colors.input`	{ `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; `readonly`: { `value`: `"{colors.bg.alternate}"`; }; }; `border`: { `default`: { `value`: `"{colors.line.heavy}"`; }; `focus`: { `value`: `"{colors.line.primary}"`; }; `error`: { `value`: `"{colors.line.negative}"`; }; `success`: { `value`: `"{colors.line.positive}"`; }; }; `label`: { `default`: { `value`: `"{colors.fg.default}"`; }; }; `placeholder`: { `default`: { `value`: `"{colors.fg.muted}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; `readonly`: { `value`: `"{colors.fg.muted}"`; }; }; `errorText`: { `default`: { `value`: `"{colors.fg.negative}"`; }; }; `successText`: { `default`: { `value`: `"{colors.fg.positive}"`; }; }; }	-
`colors.input.bg`	{ `default`: { `value`: `"{colors.bg.default}"`; }; `readonly`: { `value`: `"{colors.bg.alternate}"`; }; }	-
`colors.input.bg.default`	{ `value`: `"{colors.bg.default}"`; }	-
`colors.input.bg.default.value`	`"{colors.bg.default}"`	`"{colors.bg.default}"`
`colors.input.bg.readonly`	{ `value`: `"{colors.bg.alternate}"`; }	-
`colors.input.bg.readonly.value`	`"{colors.bg.alternate}"`	`"{colors.bg.alternate}"`
`colors.input.border`	{ `default`: { `value`: `"{colors.line.heavy}"`; }; `focus`: { `value`: `"{colors.line.primary}"`; }; `error`: { `value`: `"{colors.line.negative}"`; }; `success`: { `value`: `"{colors.line.positive}"`; }; }	-
`colors.input.border.default`	{ `value`: `"{colors.line.heavy}"`; }	-
`colors.input.border.default.value`	`"{colors.line.heavy}"`	`"{colors.line.heavy}"`
`colors.input.border.focus`	{ `value`: `"{colors.line.primary}"`; }	-
`colors.input.border.focus.value`	`"{colors.line.primary}"`	`"{colors.line.primary}"`
`colors.input.border.error`	{ `value`: `"{colors.line.negative}"`; }	-
`colors.input.border.error.value`	`"{colors.line.negative}"`	`"{colors.line.negative}"`
`colors.input.border.success`	{ `value`: `"{colors.line.positive}"`; }	-
`colors.input.border.success.value`	`"{colors.line.positive}"`	`"{colors.line.positive}"`
`colors.input.label`	{ `default`: { `value`: `"{colors.fg.default}"`; }; }	-
`colors.input.label.default`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.input.label.default.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.input.placeholder`	{ `default`: { `value`: `"{colors.fg.muted}"`; }; }	-
`colors.input.placeholder.default`	{ `value`: `"{colors.fg.muted}"`; }	-
`colors.input.placeholder.default.value`	`"{colors.fg.muted}"`	`"{colors.fg.muted}"`
`colors.input.text`	{ `default`: { `value`: `"{colors.fg.default}"`; }; `readonly`: { `value`: `"{colors.fg.muted}"`; }; }	-
`colors.input.text.default`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.input.text.default.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.input.text.readonly`	{ `value`: `"{colors.fg.muted}"`; }	-
`colors.input.text.readonly.value`	`"{colors.fg.muted}"`	`"{colors.fg.muted}"`
`colors.input.errorText`	{ `default`: { `value`: `"{colors.fg.negative}"`; }; }	-
`colors.input.errorText.default`	{ `value`: `"{colors.fg.negative}"`; }	-
`colors.input.errorText.default.value`	`"{colors.fg.negative}"`	`"{colors.fg.negative}"`
`colors.input.successText`	{ `default`: { `value`: `"{colors.fg.positive}"`; }; }	-
`colors.input.successText.default`	{ `value`: `"{colors.fg.positive}"`; }	-
`colors.input.successText.default.value`	`"{colors.fg.positive}"`	`"{colors.fg.positive}"`
`colors.select`	{ `label`: { `default`: { `value`: `"{colors.fg.default}"`; }; }; `trigger`: { `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; `hover`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"5%"`]]; }; }; `pressed`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"7%"`]]; }; }; }; `border`: { `default`: { `value`: `"{colors.line.default}"`; }; `focus`: { `value`: `"{colors.line.primary}"`; }; `error`: { `value`: `"{colors.line.negative}"`; }; `success`: { `value`: `"{colors.line.positive}"`; }; }; `placeholder`: { `default`: { `value`: `"{colors.fg.muted}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; }; `errorText`: { `default`: { `value`: `"{colors.fg.negative}"`; }; }; `successText`: { `default`: { `value`: `"{colors.fg.positive}"`; }; }; }; `list`: { `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; }; `border`: { `default`: { `value`: `"{colors.line.default}"`; }; `focus`: { `value`: `"{colors.line.primary}"`; }; `error`: { `value`: `"{colors.line.negative}"`; }; `success`: { `value`: `"{colors.line.positive}"`; }; }; `item`: { `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; `highlight`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; `muted`: { `value`: `"{colors.fg.muted}"`; }; `onHighlight`: { `value`: `"{colors.fg.default}"`; }; `mutedOnHighlight`: { `value`: `"{colors.fg.muted}"`; }; }; }; }; }	-
`colors.select.label`	{ `default`: { `value`: `"{colors.fg.default}"`; }; }	-
`colors.select.label.default`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.select.label.default.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.select.trigger`	{ `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; `hover`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"5%"`]]; }; }; `pressed`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"7%"`]]; }; }; }; `border`: { `default`: { `value`: `"{colors.line.default}"`; }; `focus`: { `value`: `"{colors.line.primary}"`; }; `error`: { `value`: `"{colors.line.negative}"`; }; `success`: { `value`: `"{colors.line.positive}"`; }; }; `placeholder`: { `default`: { `value`: `"{colors.fg.muted}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; }; `errorText`: { `default`: { `value`: `"{colors.fg.negative}"`; }; }; `successText`: { `default`: { `value`: `"{colors.fg.positive}"`; }; }; }	-
`colors.select.trigger.bg`	{ `default`: { `value`: `"{colors.bg.default}"`; }; `hover`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"5%"`]]; }; }; `pressed`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"7%"`]]; }; }; }	-
`colors.select.trigger.bg.default`	{ `value`: `"{colors.bg.default}"`; }	-
`colors.select.trigger.bg.default.value`	`"{colors.bg.default}"`	`"{colors.bg.default}"`
`colors.select.trigger.bg.hover`	{ `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"5%"`]]; }; }	-
`colors.select.trigger.bg.hover.value`	`"{colors.bg.default}"`	`"{colors.bg.default}"`
`colors.select.trigger.bg.hover.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"5%"`]]; }	-
`colors.select.trigger.bg.hover.modify.type`	`"color-mix"`	`"color-mix"`
`colors.select.trigger.bg.hover.modify.value`	readonly [readonly [`"{colors.bg.contrast}"`, `"5%"`]]	-
`colors.select.trigger.bg.pressed`	{ `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"7%"`]]; }; }	-
`colors.select.trigger.bg.pressed.value`	`"{colors.bg.default}"`	`"{colors.bg.default}"`
`colors.select.trigger.bg.pressed.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"7%"`]]; }	-
`colors.select.trigger.bg.pressed.modify.type`	`"color-mix"`	`"color-mix"`
`colors.select.trigger.bg.pressed.modify.value`	readonly [readonly [`"{colors.bg.contrast}"`, `"7%"`]]	-
`colors.select.trigger.border`	{ `default`: { `value`: `"{colors.line.default}"`; }; `focus`: { `value`: `"{colors.line.primary}"`; }; `error`: { `value`: `"{colors.line.negative}"`; }; `success`: { `value`: `"{colors.line.positive}"`; }; }	-
`colors.select.trigger.border.default`	{ `value`: `"{colors.line.default}"`; }	-
`colors.select.trigger.border.default.value`	`"{colors.line.default}"`	`"{colors.line.default}"`
`colors.select.trigger.border.focus`	{ `value`: `"{colors.line.primary}"`; }	-
`colors.select.trigger.border.focus.value`	`"{colors.line.primary}"`	`"{colors.line.primary}"`
`colors.select.trigger.border.error`	{ `value`: `"{colors.line.negative}"`; }	-
`colors.select.trigger.border.error.value`	`"{colors.line.negative}"`	`"{colors.line.negative}"`
`colors.select.trigger.border.success`	{ `value`: `"{colors.line.positive}"`; }	-
`colors.select.trigger.border.success.value`	`"{colors.line.positive}"`	`"{colors.line.positive}"`
`colors.select.trigger.placeholder`	{ `default`: { `value`: `"{colors.fg.muted}"`; }; }	-
`colors.select.trigger.placeholder.default`	{ `value`: `"{colors.fg.muted}"`; }	-
`colors.select.trigger.placeholder.default.value`	`"{colors.fg.muted}"`	`"{colors.fg.muted}"`
`colors.select.trigger.text`	{ `default`: { `value`: `"{colors.fg.default}"`; }; }	-
`colors.select.trigger.text.default`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.select.trigger.text.default.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.select.trigger.errorText`	{ `default`: { `value`: `"{colors.fg.negative}"`; }; }	-
`colors.select.trigger.errorText.default`	{ `value`: `"{colors.fg.negative}"`; }	-
`colors.select.trigger.errorText.default.value`	`"{colors.fg.negative}"`	`"{colors.fg.negative}"`
`colors.select.trigger.successText`	{ `default`: { `value`: `"{colors.fg.positive}"`; }; }	-
`colors.select.trigger.successText.default`	{ `value`: `"{colors.fg.positive}"`; }	-
`colors.select.trigger.successText.default.value`	`"{colors.fg.positive}"`	`"{colors.fg.positive}"`
`colors.select.list`	{ `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; }; `border`: { `default`: { `value`: `"{colors.line.default}"`; }; `focus`: { `value`: `"{colors.line.primary}"`; }; `error`: { `value`: `"{colors.line.negative}"`; }; `success`: { `value`: `"{colors.line.positive}"`; }; }; `item`: { `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; `highlight`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; `muted`: { `value`: `"{colors.fg.muted}"`; }; `onHighlight`: { `value`: `"{colors.fg.default}"`; }; `mutedOnHighlight`: { `value`: `"{colors.fg.muted}"`; }; }; }; }	-
`colors.select.list.bg`	{ `default`: { `value`: `"{colors.bg.default}"`; }; }	-
`colors.select.list.bg.default`	{ `value`: `"{colors.bg.default}"`; }	-
`colors.select.list.bg.default.value`	`"{colors.bg.default}"`	`"{colors.bg.default}"`
`colors.select.list.border`	{ `default`: { `value`: `"{colors.line.default}"`; }; `focus`: { `value`: `"{colors.line.primary}"`; }; `error`: { `value`: `"{colors.line.negative}"`; }; `success`: { `value`: `"{colors.line.positive}"`; }; }	-
`colors.select.list.border.default`	{ `value`: `"{colors.line.default}"`; }	-
`colors.select.list.border.default.value`	`"{colors.line.default}"`	`"{colors.line.default}"`
`colors.select.list.border.focus`	{ `value`: `"{colors.line.primary}"`; }	-
`colors.select.list.border.focus.value`	`"{colors.line.primary}"`	`"{colors.line.primary}"`
`colors.select.list.border.error`	{ `value`: `"{colors.line.negative}"`; }	-
`colors.select.list.border.error.value`	`"{colors.line.negative}"`	`"{colors.line.negative}"`
`colors.select.list.border.success`	{ `value`: `"{colors.line.positive}"`; }	-
`colors.select.list.border.success.value`	`"{colors.line.positive}"`	`"{colors.line.positive}"`
`colors.select.list.item`	{ `bg`: { `default`: { `value`: `"{colors.bg.default}"`; }; `highlight`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; `muted`: { `value`: `"{colors.fg.muted}"`; }; `onHighlight`: { `value`: `"{colors.fg.default}"`; }; `mutedOnHighlight`: { `value`: `"{colors.fg.muted}"`; }; }; }	-
`colors.select.list.item.bg`	{ `default`: { `value`: `"{colors.bg.default}"`; }; `highlight`: { `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }; }	-
`colors.select.list.item.bg.default`	{ `value`: `"{colors.bg.default}"`; }	-
`colors.select.list.item.bg.default.value`	`"{colors.bg.default}"`	`"{colors.bg.default}"`
`colors.select.list.item.bg.highlight`	{ `value`: `"{colors.bg.default}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }; }	-
`colors.select.list.item.bg.highlight.value`	`"{colors.bg.default}"`	`"{colors.bg.default}"`
`colors.select.list.item.bg.highlight.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]; }	-
`colors.select.list.item.bg.highlight.modify.type`	`"color-mix"`	`"color-mix"`
`colors.select.list.item.bg.highlight.modify.value`	readonly [readonly [`"{colors.bg.contrast}"`, `"10%"`]]	-
`colors.select.list.item.text`	{ `default`: { `value`: `"{colors.fg.default}"`; }; `muted`: { `value`: `"{colors.fg.muted}"`; }; `onHighlight`: { `value`: `"{colors.fg.default}"`; }; `mutedOnHighlight`: { `value`: `"{colors.fg.muted}"`; }; }	-
`colors.select.list.item.text.default`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.select.list.item.text.default.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.select.list.item.text.muted`	{ `value`: `"{colors.fg.muted}"`; }	-
`colors.select.list.item.text.muted.value`	`"{colors.fg.muted}"`	`"{colors.fg.muted}"`
`colors.select.list.item.text.onHighlight`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.select.list.item.text.onHighlight.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.select.list.item.text.mutedOnHighlight`	{ `value`: `"{colors.fg.muted}"`; }	-
`colors.select.list.item.text.mutedOnHighlight.value`	`"{colors.fg.muted}"`	`"{colors.fg.muted}"`
`colors.code`	{ `bg`: { `default`: { `value`: `"{colors.bg.alternate}"`; }; }; `border`: { `default`: { `value`: `"{colors.line.heavy}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.default}"`; }; }; }	-
`colors.code.bg`	{ `default`: { `value`: `"{colors.bg.alternate}"`; }; }	-
`colors.code.bg.default`	{ `value`: `"{colors.bg.alternate}"`; }	-
`colors.code.bg.default.value`	`"{colors.bg.alternate}"`	`"{colors.bg.alternate}"`
`colors.code.border`	{ `default`: { `value`: `"{colors.line.heavy}"`; }; }	-
`colors.code.border.default`	{ `value`: `"{colors.line.heavy}"`; }	-
`colors.code.border.default.value`	`"{colors.line.heavy}"`	`"{colors.line.heavy}"`
`colors.code.text`	{ `default`: { `value`: `"{colors.fg.default}"`; }; }	-
`colors.code.text.default`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.code.text.default.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.badge`	{ `primary`: { `bg`: { `default`: { `value`: `"{colors.bg.primaryWash}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.primary}"`; }; }; }; `secondary`: { `bg`: { `default`: { `value`: `"{colors.bg.secondary}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onSecondary}"`; }; }; }; `warning`: { `bg`: { `default`: { `value`: `"{colors.bg.warningWash}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.warning}"`; }; }; }; }	-
`colors.badge.primary`	{ `bg`: { `default`: { `value`: `"{colors.bg.primaryWash}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.primary}"`; }; }; }	-
`colors.badge.primary.bg`	{ `default`: { `value`: `"{colors.bg.primaryWash}"`; }; }	-
`colors.badge.primary.bg.default`	{ `value`: `"{colors.bg.primaryWash}"`; }	-
`colors.badge.primary.bg.default.value`	`"{colors.bg.primaryWash}"`	`"{colors.bg.primaryWash}"`
`colors.badge.primary.text`	{ `default`: { `value`: `"{colors.fg.primary}"`; }; }	-
`colors.badge.primary.text.default`	{ `value`: `"{colors.fg.primary}"`; }	-
`colors.badge.primary.text.default.value`	`"{colors.fg.primary}"`	`"{colors.fg.primary}"`
`colors.badge.secondary`	{ `bg`: { `default`: { `value`: `"{colors.bg.secondary}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onSecondary}"`; }; }; }	-
`colors.badge.secondary.bg`	{ `default`: { `value`: `"{colors.bg.secondary}"`; }; }	-
`colors.badge.secondary.bg.default`	{ `value`: `"{colors.bg.secondary}"`; }	-
`colors.badge.secondary.bg.default.value`	`"{colors.bg.secondary}"`	`"{colors.bg.secondary}"`
`colors.badge.secondary.text`	{ `default`: { `value`: `"{colors.fg.onSecondary}"`; }; }	-
`colors.badge.secondary.text.default`	{ `value`: `"{colors.fg.onSecondary}"`; }	-
`colors.badge.secondary.text.default.value`	`"{colors.fg.onSecondary}"`	`"{colors.fg.onSecondary}"`
`colors.badge.warning`	{ `bg`: { `default`: { `value`: `"{colors.bg.warningWash}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.warning}"`; }; }; }	-
`colors.badge.warning.bg`	{ `default`: { `value`: `"{colors.bg.warningWash}"`; }; }	-
`colors.badge.warning.bg.default`	{ `value`: `"{colors.bg.warningWash}"`; }	-
`colors.badge.warning.bg.default.value`	`"{colors.bg.warningWash}"`	`"{colors.bg.warningWash}"`
`colors.badge.warning.text`	{ `default`: { `value`: `"{colors.fg.warning}"`; }; }	-
`colors.badge.warning.text.default`	{ `value`: `"{colors.fg.warning}"`; }	-
`colors.badge.warning.text.default.value`	`"{colors.fg.warning}"`	`"{colors.fg.warning}"`
`colors.banner`	{ `error`: { `bg`: { `default`: { `value`: `"{colors.bg.negativeWash}"`; }; }; `icon`: { `default`: { `value`: `"{colors.fg.negative}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onNegativeWash}"`; }; }; }; `success`: { `bg`: { `default`: { `value`: `"{colors.bg.positiveWash}"`; }; }; `icon`: { `default`: { `value`: `"{colors.fg.positive}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onPositiveWash}"`; }; }; }; `warning`: { `bg`: { `default`: { `value`: `"{colors.bg.warningWash}"`; }; }; `icon`: { `default`: { `value`: `"{colors.fg.warning}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onWarningWash}"`; }; }; }; }	-
`colors.banner.error`	{ `bg`: { `default`: { `value`: `"{colors.bg.negativeWash}"`; }; }; `icon`: { `default`: { `value`: `"{colors.fg.negative}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onNegativeWash}"`; }; }; }	-
`colors.banner.error.bg`	{ `default`: { `value`: `"{colors.bg.negativeWash}"`; }; }	-
`colors.banner.error.bg.default`	{ `value`: `"{colors.bg.negativeWash}"`; }	-
`colors.banner.error.bg.default.value`	`"{colors.bg.negativeWash}"`	`"{colors.bg.negativeWash}"`
`colors.banner.error.icon`	{ `default`: { `value`: `"{colors.fg.negative}"`; }; }	-
`colors.banner.error.icon.default`	{ `value`: `"{colors.fg.negative}"`; }	-
`colors.banner.error.icon.default.value`	`"{colors.fg.negative}"`	`"{colors.fg.negative}"`
`colors.banner.error.text`	{ `default`: { `value`: `"{colors.fg.onNegativeWash}"`; }; }	-
`colors.banner.error.text.default`	{ `value`: `"{colors.fg.onNegativeWash}"`; }	-
`colors.banner.error.text.default.value`	`"{colors.fg.onNegativeWash}"`	`"{colors.fg.onNegativeWash}"`
`colors.banner.success`	{ `bg`: { `default`: { `value`: `"{colors.bg.positiveWash}"`; }; }; `icon`: { `default`: { `value`: `"{colors.fg.positive}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onPositiveWash}"`; }; }; }	-
`colors.banner.success.bg`	{ `default`: { `value`: `"{colors.bg.positiveWash}"`; }; }	-
`colors.banner.success.bg.default`	{ `value`: `"{colors.bg.positiveWash}"`; }	-
`colors.banner.success.bg.default.value`	`"{colors.bg.positiveWash}"`	`"{colors.bg.positiveWash}"`
`colors.banner.success.icon`	{ `default`: { `value`: `"{colors.fg.positive}"`; }; }	-
`colors.banner.success.icon.default`	{ `value`: `"{colors.fg.positive}"`; }	-
`colors.banner.success.icon.default.value`	`"{colors.fg.positive}"`	`"{colors.fg.positive}"`
`colors.banner.success.text`	{ `default`: { `value`: `"{colors.fg.onPositiveWash}"`; }; }	-
`colors.banner.success.text.default`	{ `value`: `"{colors.fg.onPositiveWash}"`; }	-
`colors.banner.success.text.default.value`	`"{colors.fg.onPositiveWash}"`	`"{colors.fg.onPositiveWash}"`
`colors.banner.warning`	{ `bg`: { `default`: { `value`: `"{colors.bg.warningWash}"`; }; }; `icon`: { `default`: { `value`: `"{colors.fg.warning}"`; }; }; `text`: { `default`: { `value`: `"{colors.fg.onWarningWash}"`; }; }; }	-
`colors.banner.warning.bg`	{ `default`: { `value`: `"{colors.bg.warningWash}"`; }; }	-
`colors.banner.warning.bg.default`	{ `value`: `"{colors.bg.warningWash}"`; }	-
`colors.banner.warning.bg.default.value`	`"{colors.bg.warningWash}"`	`"{colors.bg.warningWash}"`
`colors.banner.warning.icon`	{ `default`: { `value`: `"{colors.fg.warning}"`; }; }	-
`colors.banner.warning.icon.default`	{ `value`: `"{colors.fg.warning}"`; }	-
`colors.banner.warning.icon.default.value`	`"{colors.fg.warning}"`	`"{colors.fg.warning}"`
`colors.banner.warning.text`	{ `default`: { `value`: `"{colors.fg.onWarningWash}"`; }; }	-
`colors.banner.warning.text.default`	{ `value`: `"{colors.fg.onWarningWash}"`; }	-
`colors.banner.warning.text.default.value`	`"{colors.fg.onWarningWash}"`	`"{colors.fg.onWarningWash}"`
`colors.bg`	{ `default`: { `value`: `"#ffffff"`; }; `alternate`: { `value`: `"#eef0f3"`; }; `contrast`: { `value`: `"{colors.fg.default}"`; }; `overlay`: { `value`: `"{colors.bg.alternate}"`; `modify`: { `type`: `"color-alpha"`; `value`: `0.33`; }; }; `skeleton`: { `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-alpha"`; `value`: `0.1`; }; }; `primary`: { `value`: `"#0052ff"`; }; `secondary`: { `value`: `"#eef0f3"`; }; `primaryWash`: { `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }; }; `positiveWash`: { `value`: `"{colors.fg.positive}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }; }; `negativeWash`: { `value`: `"{colors.fg.negative}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }; }; `warningWash`: { `value`: `"{colors.fg.warning}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }; }; }	-
`colors.bg.default`	{ `value`: `"#ffffff"`; }	-
`colors.bg.default.value`	`"#ffffff"`	`colorsBase.white`
`colors.bg.alternate`	{ `value`: `"#eef0f3"`; }	-
`colors.bg.alternate.value`	`"#eef0f3"`	`colorsBase.gray100`
`colors.bg.contrast`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.bg.contrast.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.bg.overlay`	{ `value`: `"{colors.bg.alternate}"`; `modify`: { `type`: `"color-alpha"`; `value`: `0.33`; }; }	-
`colors.bg.overlay.value`	`"{colors.bg.alternate}"`	`"{colors.bg.alternate}"`
`colors.bg.overlay.modify`	{ `type`: `"color-alpha"`; `value`: `0.33`; }	-
`colors.bg.overlay.modify.type`	`"color-alpha"`	`"color-alpha"`
`colors.bg.overlay.modify.value`	`0.33`	`0.33`
`colors.bg.skeleton`	{ `value`: `"{colors.fg.default}"`; `modify`: { `type`: `"color-alpha"`; `value`: `0.1`; }; }	-
`colors.bg.skeleton.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.bg.skeleton.modify`	{ `type`: `"color-alpha"`; `value`: `0.1`; }	-
`colors.bg.skeleton.modify.type`	`"color-alpha"`	`"color-alpha"`
`colors.bg.skeleton.modify.value`	`0.1`	`0.1`
`colors.bg.primary`	{ `value`: `"#0052ff"`; }	-
`colors.bg.primary.value`	`"#0052ff"`	`colorsBase.blue500`
`colors.bg.secondary`	{ `value`: `"#eef0f3"`; }	-
`colors.bg.secondary.value`	`"#eef0f3"`	`colorsBase.gray100`
`colors.bg.primaryWash`	{ `value`: `"{colors.fg.primary}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }; }	-
`colors.bg.primaryWash.value`	`"{colors.fg.primary}"`	`"{colors.fg.primary}"`
`colors.bg.primaryWash.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }	-
`colors.bg.primaryWash.modify.type`	`"color-mix"`	`"color-mix"`
`colors.bg.primaryWash.modify.value`	readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]	-
`colors.bg.positiveWash`	{ `value`: `"{colors.fg.positive}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }; }	-
`colors.bg.positiveWash.value`	`"{colors.fg.positive}"`	`"{colors.fg.positive}"`
`colors.bg.positiveWash.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }	-
`colors.bg.positiveWash.modify.type`	`"color-mix"`	`"color-mix"`
`colors.bg.positiveWash.modify.value`	readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]	-
`colors.bg.negativeWash`	{ `value`: `"{colors.fg.negative}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }; }	-
`colors.bg.negativeWash.value`	`"{colors.fg.negative}"`	`"{colors.fg.negative}"`
`colors.bg.negativeWash.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }	-
`colors.bg.negativeWash.modify.type`	`"color-mix"`	`"color-mix"`
`colors.bg.negativeWash.modify.value`	readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]	-
`colors.bg.warningWash`	{ `value`: `"{colors.fg.warning}"`; `modify`: { `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }; }	-
`colors.bg.warningWash.value`	`"{colors.fg.warning}"`	`"{colors.fg.warning}"`
`colors.bg.warningWash.modify`	{ `type`: `"color-mix"`; `value`: readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]; }	-
`colors.bg.warningWash.modify.type`	`"color-mix"`	`"color-mix"`
`colors.bg.warningWash.modify.value`	readonly [readonly [`"{colors.bg.default}"`, `"92%"`]]	-
`colors.fg`	{ `default`: { `value`: `"#0a0b0d"`; }; `muted`: { `value`: `"#5b616e"`; }; `primary`: { `value`: `"#0052ff"`; }; `onPrimary`: { `value`: `"#ffffff"`; }; `onSecondary`: { `value`: `"#0a0b0d"`; }; `positive`: { `value`: `"#098551"`; }; `negative`: { `value`: `"#cf202f"`; }; `warning`: { `value`: `"#ed702f"`; }; `onPrimaryWash`: { `value`: `"{colors.fg.onPrimary}"`; }; `onPositiveWash`: { `value`: `"{colors.fg.default}"`; }; `onNegativeWash`: { `value`: `"{colors.fg.default}"`; }; `onWarningWash`: { `value`: `"{colors.fg.default}"`; }; }	-
`colors.fg.default`	{ `value`: `"#0a0b0d"`; }	-
`colors.fg.default.value`	`"#0a0b0d"`	`colorsBase.black`
`colors.fg.muted`	{ `value`: `"#5b616e"`; }	-
`colors.fg.muted.value`	`"#5b616e"`	`colorsBase.gray700`
`colors.fg.primary`	{ `value`: `"#0052ff"`; }	-
`colors.fg.primary.value`	`"#0052ff"`	`colorsBase.blue500`
`colors.fg.onPrimary`	{ `value`: `"#ffffff"`; }	-
`colors.fg.onPrimary.value`	`"#ffffff"`	`colorsBase.white`
`colors.fg.onSecondary`	{ `value`: `"#0a0b0d"`; }	-
`colors.fg.onSecondary.value`	`"#0a0b0d"`	`colorsBase.black`
`colors.fg.positive`	{ `value`: `"#098551"`; }	-
`colors.fg.positive.value`	`"#098551"`	`colorsBase.green500`
`colors.fg.negative`	{ `value`: `"#cf202f"`; }	-
`colors.fg.negative.value`	`"#cf202f"`	`colorsBase.red500`
`colors.fg.warning`	{ `value`: `"#ed702f"`; }	-
`colors.fg.warning.value`	`"#ed702f"`	`colorsBase.amber500`
`colors.fg.onPrimaryWash`	{ `value`: `"{colors.fg.onPrimary}"`; }	-
`colors.fg.onPrimaryWash.value`	`"{colors.fg.onPrimary}"`	`"{colors.fg.onPrimary}"`
`colors.fg.onPositiveWash`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.fg.onPositiveWash.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.fg.onNegativeWash`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.fg.onNegativeWash.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.fg.onWarningWash`	{ `value`: `"{colors.fg.default}"`; }	-
`colors.fg.onWarningWash.value`	`"{colors.fg.default}"`	`"{colors.fg.default}"`
`colors.line`	{ `default`: { `value`: `"#dcdfe4"`; }; `heavy`: { `value`: `"#9397a0"`; }; `primary`: { `value`: `"{colors.fg.primary}"`; }; `positive`: { `value`: `"{colors.fg.positive}"`; }; `negative`: { `value`: `"{colors.fg.negative}"`; }; }	-
`colors.line.default`	{ `value`: `"#dcdfe4"`; }	-
`colors.line.default.value`	`"#dcdfe4"`	`colorsBase.gray200`
`colors.line.heavy`	{ `value`: `"#9397a0"`; }	-
`colors.line.heavy.value`	`"#9397a0"`	`colorsBase.gray500`
`colors.line.primary`	{ `value`: `"{colors.fg.primary}"`; }	-
`colors.line.primary.value`	`"{colors.fg.primary}"`	`"{colors.fg.primary}"`
`colors.line.positive`	{ `value`: `"{colors.fg.positive}"`; }	-
`colors.line.positive.value`	`"{colors.fg.positive}"`	`"{colors.fg.positive}"`
`colors.line.negative`	{ `value`: `"{colors.fg.negative}"`; }	-
`colors.line.negative.value`	`"{colors.fg.negative}"`	`"{colors.fg.negative}"`
`font`	{ `family`: { `page`: { `value`: `"{font.family.body}"`; }; `cta`: { `value`: `"{font.family.interactive}"`; }; `link`: { `value`: `"{font.family.interactive}"`; }; `input`: { `value`: `"{font.family.interactive}"`; }; `select`: { `value`: `"{font.family.interactive}"`; }; `code`: { `value`: `"{font.family.mono}"`; }; `iframe`: { `value`: `"{font.family.interactive}"`; }; `mono`: { `value`: ""DM Mono”, monospace”; }; `sans`: { `value`: ""Rethink Sans”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol""; }; `body`: { `value`: `"{font.family.sans}"`; }; `interactive`: { `value`: `"{font.family.sans}"`; }; }; `url`: { `iframe`: { `value`: `""`; }; }; `size`: { `base`: { `value`: `16`; }; }; }	-
`font.family`	{ `page`: { `value`: `"{font.family.body}"`; }; `cta`: { `value`: `"{font.family.interactive}"`; }; `link`: { `value`: `"{font.family.interactive}"`; }; `input`: { `value`: `"{font.family.interactive}"`; }; `select`: { `value`: `"{font.family.interactive}"`; }; `code`: { `value`: `"{font.family.mono}"`; }; `iframe`: { `value`: `"{font.family.interactive}"`; }; `mono`: { `value`: ""DM Mono”, monospace”; }; `sans`: { `value`: ""Rethink Sans”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol""; }; `body`: { `value`: `"{font.family.sans}"`; }; `interactive`: { `value`: `"{font.family.sans}"`; }; }	-
`font.family.page`	{ `value`: `"{font.family.body}"`; }	-
`font.family.page.value`	`"{font.family.body}"`	`"{font.family.body}"`
`font.family.cta`	{ `value`: `"{font.family.interactive}"`; }	-
`font.family.cta.value`	`"{font.family.interactive}"`	`"{font.family.interactive}"`
`font.family.link`	{ `value`: `"{font.family.interactive}"`; }	-
`font.family.link.value`	`"{font.family.interactive}"`	`"{font.family.interactive}"`
`font.family.input`	{ `value`: `"{font.family.interactive}"`; }	-
`font.family.input.value`	`"{font.family.interactive}"`	`"{font.family.interactive}"`
`font.family.select`	{ `value`: `"{font.family.interactive}"`; }	-
`font.family.select.value`	`"{font.family.interactive}"`	`"{font.family.interactive}"`
`font.family.code`	{ `value`: `"{font.family.mono}"`; }	-
`font.family.code.value`	`"{font.family.mono}"`	`"{font.family.mono}"`
`font.family.iframe`	{ `value`: `"{font.family.interactive}"`; }	-
`font.family.iframe.value`	`"{font.family.interactive}"`	`"{font.family.interactive}"`
`font.family.mono`	{ `value`: ""DM Mono”, monospace”; }	-
`font.family.mono.value`	""DM Mono”, monospace”	`'"DM Mono", monospace'`
`font.family.sans`	{ `value`: ""Rethink Sans”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol""; }	-
`font.family.sans.value`	""Rethink Sans”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol""	`'"Rethink Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'`
`font.family.body`	{ `value`: `"{font.family.sans}"`; }	-
`font.family.body.value`	`"{font.family.sans}"`	`"{font.family.sans}"`
`font.family.interactive`	{ `value`: `"{font.family.sans}"`; }	-
`font.family.interactive.value`	`"{font.family.sans}"`	`"{font.family.sans}"`
`font.url`	{ `iframe`: { `value`: `""`; }; }	-
`font.url.iframe`	{ `value`: `""`; }	-
`font.url.iframe.value`	`""`	`""`
`font.size`	{ `base`: { `value`: `16`; }; }	-
`font.size.base`	{ `value`: `16`; }	-
`font.size.base.value`	`16`	`16`
`zIndex`	{ `select`: { `list`: { `value`: `"{zIndex.popup}"`; }; }; `modal`: { `overlay`: { `value`: `"{zIndex.scrim}"`; }; `dialog`: { `value`: `"{zIndex.floating}"`; }; }; `base`: { `value`: `0`; `unit`: `"none"`; }; `raised`: { `value`: `1`; `unit`: `"none"`; }; `popup`: { `value`: `200`; `unit`: `"none"`; }; `scrim`: { `value`: `400`; `unit`: `"none"`; }; `floating`: { `value`: `500`; `unit`: `"none"`; }; }	-
`zIndex.select`	{ `list`: { `value`: `"{zIndex.popup}"`; }; }	-
`zIndex.select.list`	{ `value`: `"{zIndex.popup}"`; }	-
`zIndex.select.list.value`	`"{zIndex.popup}"`	`"{zIndex.popup}"`
`zIndex.modal`	{ `overlay`: { `value`: `"{zIndex.scrim}"`; }; `dialog`: { `value`: `"{zIndex.floating}"`; }; }	-
`zIndex.modal.overlay`	{ `value`: `"{zIndex.scrim}"`; }	-
`zIndex.modal.overlay.value`	`"{zIndex.scrim}"`	`"{zIndex.scrim}"`
`zIndex.modal.dialog`	{ `value`: `"{zIndex.floating}"`; }	-
`zIndex.modal.dialog.value`	`"{zIndex.floating}"`	`"{zIndex.floating}"`
`zIndex.base`	{ `value`: `0`; `unit`: `"none"`; }	-
`zIndex.base.value`	`0`	`0`
`zIndex.base.unit`	`"none"`	`"none"`
`zIndex.raised`	{ `value`: `1`; `unit`: `"none"`; }	-
`zIndex.raised.value`	`1`	`1`
`zIndex.raised.unit`	`"none"`	`"none"`
`zIndex.popup`	{ `value`: `200`; `unit`: `"none"`; }	-
`zIndex.popup.value`	`200`	`200`
`zIndex.popup.unit`	`"none"`	`"none"`
`zIndex.scrim`	{ `value`: `400`; `unit`: `"none"`; }	-
`zIndex.scrim.value`	`400`	`400`
`zIndex.scrim.unit`	`"none"`	`"none"`
`zIndex.floating`	{ `value`: `500`; `unit`: `"none"`; }	-
`zIndex.floating.value`	`500`	`500`
`zIndex.floating.unit`	`"none"`	`"none"`

SDKs

CRYPTO INFRASTRUCTURE

COINBASE APIs

INSTITUTIONAL APIs

Type declaration

​Type declaration

Type declaration