colorsSemantic

const colorsSemantic: {
  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";
     };
     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";
     };
     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}";
     };
  };
};

readonly 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";
  };
  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%"]];
     };
  };
};

readonly default: {
  value: "#ffffff";
};

readonly value: "#ffffff" = colorsBase.white;

readonly alternate: {
  value: "#eef0f3";
};

readonly value: "#eef0f3" = colorsBase.gray100;

readonly contrast: {
  value: "{colors.fg.default}";
};

readonly value: "{colors.fg.default}" = "{colors.fg.default}";

readonly overlay: {
  value: "{colors.bg.alternate}";
  modify: {
     type: "color-alpha";
     value: 0.33;
  };
};

readonly value: "{colors.bg.alternate}" = "{colors.bg.alternate}";

readonly modify: {
  type: "color-alpha";
  value: 0.33;
};

readonly type: "color-alpha" = "color-alpha";

readonly value: 0.33 = 0.33;

readonly skeleton: {
  value: "{colors.fg.default}";
  modify: {
     type: "color-alpha";
     value: 0.1;
  };
};

readonly value: "{colors.fg.default}" = "{colors.fg.default}";

readonly modify: {
  type: "color-alpha";
  value: 0.1;
};

readonly type: "color-alpha" = "color-alpha";

readonly value: 0.1 = 0.1;

readonly primary: {
  value: "#0052ff";
};

readonly value: "#0052ff" = colorsBase.blue500;

readonly secondary: {
  value: "#eef0f3";
};

readonly value: "#eef0f3" = colorsBase.gray100;

readonly positiveWash: {
  value: "{colors.fg.positive}";
  modify: {
     type: "color-mix";
     value: readonly [readonly ["{colors.bg.default}", "92%"]];
  };
};

readonly value: "{colors.fg.positive}" = "{colors.fg.positive}";

readonly modify: {
  type: "color-mix";
  value: readonly [readonly ["{colors.bg.default}", "92%"]];
};

readonly type: "color-mix" = "color-mix";

readonly value: readonly [readonly ["{colors.bg.default}", "92%"]];

readonly negativeWash: {
  value: "{colors.fg.negative}";
  modify: {
     type: "color-mix";
     value: readonly [readonly ["{colors.bg.default}", "92%"]];
  };
};

readonly value: "{colors.fg.negative}" = "{colors.fg.negative}";

readonly modify: {
  type: "color-mix";
  value: readonly [readonly ["{colors.bg.default}", "92%"]];
};

readonly type: "color-mix" = "color-mix";

readonly value: readonly [readonly ["{colors.bg.default}", "92%"]];

readonly warningWash: {
  value: "{colors.fg.warning}";
  modify: {
     type: "color-mix";
     value: readonly [readonly ["{colors.bg.default}", "92%"]];
  };
};

readonly value: "{colors.fg.warning}" = "{colors.fg.warning}";

readonly modify: {
  type: "color-mix";
  value: readonly [readonly ["{colors.bg.default}", "92%"]];
};

readonly type: "color-mix" = "color-mix";

readonly value: readonly [readonly ["{colors.bg.default}", "92%"]];

readonly 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";
  };
  onPositiveWash: {
     value: "{colors.fg.default}";
  };
  onNegativeWash: {
     value: "{colors.fg.default}";
  };
  onWarningWash: {
     value: "{colors.fg.default}";
  };
};

readonly default: {
  value: "#0a0b0d";
};

readonly value: "#0a0b0d" = colorsBase.black;

readonly muted: {
  value: "#5b616e";
};

readonly value: "#5b616e" = colorsBase.gray700;

readonly primary: {
  value: "#0052ff";
};

readonly value: "#0052ff" = colorsBase.blue500;

readonly onPrimary: {
  value: "#ffffff";
};

readonly value: "#ffffff" = colorsBase.white;

readonly onSecondary: {
  value: "#0a0b0d";
};

readonly value: "#0a0b0d" = colorsBase.black;

readonly positive: {
  value: "#098551";
};

readonly value: "#098551" = colorsBase.green500;

readonly negative: {
  value: "#cf202f";
};

readonly value: "#cf202f" = colorsBase.red500;

readonly warning: {
  value: "#ed702f";
};

readonly value: "#ed702f" = colorsBase.amber500;

readonly onPositiveWash: {
  value: "{colors.fg.default}";
};

readonly value: "{colors.fg.default}" = "{colors.fg.default}";

readonly onNegativeWash: {
  value: "{colors.fg.default}";
};

readonly value: "{colors.fg.default}" = "{colors.fg.default}";

readonly onWarningWash: {
  value: "{colors.fg.default}";
};

readonly value: "{colors.fg.default}" = "{colors.fg.default}";

readonly line: {
  default: {
     value: "#dcdfe4";
  };
  heavy: {
     value: "#9397a0";
  };
  primary: {
     value: "{colors.fg.primary}";
  };
  positive: {
     value: "{colors.fg.positive}";
  };
  negative: {
     value: "{colors.fg.negative}";
  };
};

readonly default: {
  value: "#dcdfe4";
};

readonly value: "#dcdfe4" = colorsBase.gray200;

readonly heavy: {
  value: "#9397a0";
};

readonly value: "#9397a0" = colorsBase.gray500;

readonly primary: {
  value: "{colors.fg.primary}";
};

readonly value: "{colors.fg.primary}" = "{colors.fg.primary}";

readonly positive: {
  value: "{colors.fg.positive}";
};

readonly value: "{colors.fg.positive}" = "{colors.fg.positive}";

readonly negative: {
  value: "{colors.fg.negative}";
};

readonly value: "{colors.fg.negative}" = "{colors.fg.negative}";