/** ------------------------------------------
 *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
 * ------------------------------------------- */

export declare const tokens: {
  "color.blue.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue-pale.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue-pale.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue-pale.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue-pale.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue-pale.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue-pale.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue-pale.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue-pale.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue-pale.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.blue-pale.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet-pale.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet-pale.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet-pale.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet-pale.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet-pale.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet-pale.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet-pale.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet-pale.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet-pale.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.violet-pale.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple-pale.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple-pale.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple-pale.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple-pale.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple-pale.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple-pale.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple-pale.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple-pale.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple-pale.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.purple-pale.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink-pale.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink-pale.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink-pale.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink-pale.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink-pale.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink-pale.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink-pale.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink-pale.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink-pale.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.pink-pale.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal-pale.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal-pale.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal-pale.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal-pale.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal-pale.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal-pale.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal-pale.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal-pale.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal-pale.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.teal-pale.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red-pale.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red-pale.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red-pale.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red-pale.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red-pale.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red-pale.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red-pale.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red-pale.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red-pale.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.red-pale.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange-pale.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange-pale.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange-pale.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange-pale.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange-pale.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange-pale.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange-pale.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange-pale.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange-pale.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.orange-pale.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow-pale.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow-pale.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow-pale.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow-pale.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow-pale.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow-pale.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow-pale.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow-pale.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow-pale.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.yellow-pale.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green-pale.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green-pale.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green-pale.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green-pale.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green-pale.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green-pale.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green-pale.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green-pale.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green-pale.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.green-pale.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.white": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.black": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.gray.50": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.gray.100": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.gray.200": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.gray.300": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.gray.400": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.gray.500": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.gray.600": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.gray.700": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.gray.800": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.gray.900": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.gray.950": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.on-accent": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.on-accent-secondary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.on-accent-tertiary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.default": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.secondary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.disabled": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.tertiary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.accent": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.success": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.warning": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.danger": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.assistive": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.component": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.text.inverse": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.accent": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.accent-hover": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.accent-secondary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.success": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.success-hover": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.success-secondary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.warning": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.warning-hover": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.warning-secondary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.danger": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.danger-hover": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.danger-secondary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.assistive": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.assistive-hover": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.assistive-secondary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.component": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.component-hover": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.component-secondary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.menu": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.toolbar": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.default": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.secondary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.tertiary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.selected": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.hover": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.disabled": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.background.inverse": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.border.selected": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.border.menu": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.border.toolbar": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.border.default": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.border.strong": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.border.selected-strong": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.icon.default": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.icon.secondary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.icon.tertiary": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
  "color.icon.disabled": {
    ".": {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    light: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
    dark: {
      colorSpace: string;
      components: [number, number, number];
      alpha: number;
      hex?: string;
    };
  };
};

/** 所有可用的颜色路径（自动生成） */
export type ColorPath =
  | "background.accent" | "background.accent-hover" | "background.accent-secondary" | "background.assistive" | "background.assistive-hover"
  | "background.assistive-secondary" | "background.component" | "background.component-hover" | "background.component-secondary" | "background.danger"
  | "background.danger-hover" | "background.danger-secondary" | "background.default" | "background.disabled" | "background.hover"
  | "background.inverse" | "background.menu" | "background.secondary" | "background.selected" | "background.success"
  | "background.success-hover" | "background.success-secondary" | "background.tertiary" | "background.toolbar" | "background.warning"
  | "background.warning-hover" | "background.warning-secondary" | "black" | "blue-pale.100" | "blue-pale.200"
  | "blue-pale.300" | "blue-pale.400" | "blue-pale.500" | "blue-pale.600" | "blue-pale.700"
  | "blue-pale.800" | "blue-pale.900" | "blue-pale.950" | "blue.100" | "blue.200"
  | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700"
  | "blue.800" | "blue.900" | "blue.950" | "border.default" | "border.menu"
  | "border.selected" | "border.selected-strong" | "border.strong" | "border.toolbar" | "gray.100"
  | "gray.200" | "gray.300" | "gray.400" | "gray.50" | "gray.500"
  | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950"
  | "green-pale.100" | "green-pale.200" | "green-pale.300" | "green-pale.400" | "green-pale.500"
  | "green-pale.600" | "green-pale.700" | "green-pale.800" | "green-pale.900" | "green-pale.950"
  | "green.100" | "green.200" | "green.300" | "green.400" | "green.500"
  | "green.600" | "green.700" | "green.800" | "green.900" | "green.950"
  | "icon.default" | "icon.disabled" | "icon.secondary" | "icon.tertiary" | "orange-pale.100"
  | "orange-pale.200" | "orange-pale.300" | "orange-pale.400" | "orange-pale.500" | "orange-pale.600"
  | "orange-pale.700" | "orange-pale.800" | "orange-pale.900" | "orange-pale.950" | "orange.100"
  | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600"
  | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "pink-pale.100"
  | "pink-pale.200" | "pink-pale.300" | "pink-pale.400" | "pink-pale.500" | "pink-pale.600"
  | "pink-pale.700" | "pink-pale.800" | "pink-pale.900" | "pink-pale.950" | "pink.100"
  | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600"
  | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "purple-pale.100"
  | "purple-pale.200" | "purple-pale.300" | "purple-pale.400" | "purple-pale.500" | "purple-pale.600"
  | "purple-pale.700" | "purple-pale.800" | "purple-pale.900" | "purple-pale.950" | "purple.100"
  | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600"
  | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "red-pale.100"
  | "red-pale.200" | "red-pale.300" | "red-pale.400" | "red-pale.500" | "red-pale.600"
  | "red-pale.700" | "red-pale.800" | "red-pale.900" | "red-pale.950" | "red.100"
  | "red.200" | "red.300" | "red.400" | "red.500" | "red.600"
  | "red.700" | "red.800" | "red.900" | "red.950" | "teal-pale.100"
  | "teal-pale.200" | "teal-pale.300" | "teal-pale.400" | "teal-pale.500" | "teal-pale.600"
  | "teal-pale.700" | "teal-pale.800" | "teal-pale.900" | "teal-pale.950" | "teal.100"
  | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600"
  | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "text.accent"
  | "text.assistive" | "text.component" | "text.danger" | "text.default" | "text.disabled"
  | "text.inverse" | "text.on-accent" | "text.on-accent-secondary" | "text.on-accent-tertiary" | "text.secondary"
  | "text.success" | "text.tertiary" | "text.warning" | "violet-pale.100" | "violet-pale.200"
  | "violet-pale.300" | "violet-pale.400" | "violet-pale.500" | "violet-pale.600" | "violet-pale.700"
  | "violet-pale.800" | "violet-pale.900" | "violet-pale.950" | "violet.100" | "violet.200"
  | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700"
  | "violet.800" | "violet.900" | "violet.950" | "white" | "yellow-pale.100"
  | "yellow-pale.200" | "yellow-pale.300" | "yellow-pale.400" | "yellow-pale.500" | "yellow-pale.600"
  | "yellow-pale.700" | "yellow-pale.800" | "yellow-pale.900" | "yellow-pale.950" | "yellow.100"
  | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600"
  | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950"
;

/** 透明度值 (0-1) */
export type ColorAlpha = number;

/** 主题模式 */
export type ColorMode = "." | "light" | "dark";

/** Get individual token */
export declare function token(tokenID: string, modeName?: ColorMode): any;

/**
 * 颜色辅助函数 - 返回包装在 rgba() 中的 CSS 变量，考虑 token 自带的透明度
 *
 * @param path - 颜色 token 路径
 * @param alpha - 可选的透明度值 (0-1)，会覆盖 token 自带的 alpha
 * @param mode - 可选的主题模式
 * @returns CSS 颜色值，格式为 rgba(var(--cdt-color-xxx), alpha)
 */
export declare function color(
  path: ColorPath,
  alpha?: ColorAlpha,
  mode?: ColorMode
): string;

/** 获取原始颜色 CSS 变量 */
export declare function colorVar(path: ColorPath): string;

/** 获取颜色的十六进制值 */
export declare function colorHex(path: ColorPath, mode?: ColorMode): string;

/** 获取颜色的 RGB 数值数组 */
export declare function colorRgb(
  path: ColorPath,
  mode?: ColorMode
): [number, number, number];

/** 检查颜色 token 是否存在 */
export declare function hasColor(
  path: ColorPath,
  mode?: ColorMode
): boolean;

/** 获取所有可用的颜色路径 */
export declare function getAllAvailableColors(): ColorPath[];

// ============================================================================
// Spacing Helper Functions Types
// ============================================================================

/** 分数字符串类型 */
export type FractionString = `${number}/${number}`;

/** 任意值类型 */
export type ArbitraryValue = `[${string}]`;

/** 间距值类型 */
export type SpacingValue = number | FractionString | ArbitraryValue | "px" | BreakpointKey;

/** 获取间距值 */
export declare function spacing(size: SpacingValue): string;

/** 批量获取间距值 */
export declare function spacingList(sizes: SpacingValue[]): string;

/** 检查是否为有效的间距值 */
export declare function spacingExists(size: unknown): boolean;

// ============================================================================
// Radius Helper Functions Types
// ============================================================================

/** 圆角键类型 */
export type RadiusKey = "sm" | "md" | "lg";

/** 获取圆角值 */
export declare function radius(name: RadiusKey, mode?: string): string;

/** 批量获取多个圆角值 */
export declare function radiusList(...names: RadiusKey[]): string[];

// ============================================================================
// Shadow Helper Functions Types
// ============================================================================

/** 阴影键类型 */
export type ShadowKey = "border-default" | "border-default-inset" | "focus" | "lg" | "line" | "md" | "sm" | "xl" | "xs" | "xxs";

/** 获取阴影样式 */
export declare function shadow(name: ShadowKey, mode?: string): string;

/** 批量获取多个阴影样式 */
export declare function shadowList(...names: ShadowKey[]): string[];

// ============================================================================
// Z-Index Helper Functions Types
// ============================================================================

/** Z-Index 键类型 */
export type ZIndexKey = "sticky" | "fixed" | "backdrop" | "modals" | "popover" | "menu" | "tooltip" | "notification" | "scroll-bar";

/** 获取 z-index CSS 变量 */
export declare function zIndex(name: ZIndexKey, mode?: string): string;

/** 获取 z-index 的原始数值 */
export declare function zIndexValue(name: ZIndexKey, mode?: string): number;

/** 批量获取多个 z-index CSS 变量 */
export declare function zIndexList(...names: ZIndexKey[]): string[];

// ============================================================================
// Typography Helper Functions Types
// ============================================================================

/** Typography 预设键类型 */
export type TypographyKey = "body.large" | "body.large-strong" | "body.medium" | "body.medium-strong" | "body.small" | "body.small-strong" | "heading.display" | "heading.large" | "heading.medium" | "heading.small";

/** 字体族键类型 */
export type FontFamilyKey = "default" | "display" | "mono";

/** 字体重量键类型 */
export type FontWeightKey = "light" | "default" | "medium" | "semibold" | "strong" | "heavy";

/** 字体大小键类型 */
export type FontSizeKey = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";

/** 行高键类型 */
export type LineHeightKey = "tight" | "snug" | "normal" | "relaxed" | "loose" | "extra-loose";

/** 字符间距键类型 */
export type LetterSpacingKey = "body-large" | "body-medium" | "body-small" | "body-small-strong" | "heading-large" | "heading-medium" | "heading-small" | "display";

/** Typography 样式对象类型 */
export type TypographyStylesObject = {
  fontFamily: string;
  fontSize: string;
  fontWeight: string;
  lineHeight: string;
  letterSpacing: string;
};

/** 获取完整的 typography 预设样式 */
export declare function typography(
  name: TypographyKey,
  asVar?: boolean
): TypographyStylesObject;

/** 获取 typography 预设的 CSS 字符串 */
export declare function typographyStyles(
  name: TypographyKey,
  asVar?: boolean
): string;

/** 获取 typography 预设的样式对象 */
export declare function typographyStylesObject(
  name: TypographyKey,
  asVar?: boolean
): TypographyStylesObject;

/** 获取字体族 */
export declare function fontFamily(
  name: FontFamilyKey,
  asVar?: boolean
): string;

/** 获取字体重量 */
export declare function fontWeight(
  name: FontWeightKey,
  asVar?: boolean
): string;

/** 获取字体大小 */
export declare function fontSize(
  name: FontSizeKey,
  asVar?: boolean
): string;

/** 获取行高 */
export declare function lineHeight(
  name: LineHeightKey,
  asVar?: boolean
): string;

/** 获取字符间距 */
export declare function letterSpacing(
  name: LetterSpacingKey,
  asVar?: boolean
): string;

/** 列出所有可用的 typography presets */
export declare function listTypographyPresets(): string[];

/** 检查 typography preset 是否存在 */
export declare function typographyExists(name: string): boolean;

/** 获取 typography preset 的详细信息 */
export declare function typographyInfo(name: string): {
  name: string;
  description: string;
  value: TypographyStylesObject;
  resolved: TypographyStylesObject;
};

// ============================================================================
// Breakpoints & Media Query Helper Functions Types
// ============================================================================

/** 断点键类型 */
export type BreakpointKey = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";

/** 媒体查询方向类型 */
export type MediaQueryDirection = "up" | "down" | "only";

/** 单位类型 */
export type UnitType = "px" | "rem" | "number";

/** 断点信息类型 */
export type BreakpointInfo = {
  name: string;
  px: string;
  rem: string;
  value: number;
  mediaQuery: {
    up: string;
    down: string;
    only: string;
  };
};

/** 获取断点值 */
export declare function breakpoint(
  name: BreakpointKey,
  unit?: UnitType
): string | number;

/** 获取容器最大宽度 */
export declare function container(
  breakpoint: BreakpointKey | number
): string;

/** 生成 min-width 媒体查询 */
export declare function up(
  breakpoint: BreakpointKey | number,
  type?: string
): string;

/** 生成 max-width 媒体查询 */
export declare function down(
  breakpoint: BreakpointKey | number,
  type?: string
): string;

/** 生成范围媒体查询 (min-width 和 max-width) */
export declare function between(
  minBreakpoint: BreakpointKey | number,
  maxBreakpoint: BreakpointKey | number,
  type?: string
): string;

/** 生成精确断点媒体查询 (只在特定断点范围内) */
export declare function only(
  breakpoint: BreakpointKey | number,
  type?: string
): string;

/** 媒体查询选项类型 */
export type MediaQueryOptions = {
  type?: string;
  orientation?: 'portrait' | 'landscape';
  minWidth?: BreakpointKey | number;
  maxWidth?: BreakpointKey | number;
  minHeight?: number;
  maxHeight?: number;
};

/** 生成自定义媒体查询 */
export declare function media(
  options: MediaQueryOptions
): string;

/** 移动设备优先的媒体查询（xs 及以上） */
export declare function mobile(): string;

/** 平板设备媒体查询（md 到 lg） */
export declare function tablet(): string;

/** 桌面设备媒体查询（lg 及以上） */
export declare function desktop(): string;

/** 打印媒体查询 */
export declare function print(): string;

/** 获取断点信息（用于调试和文档） */
export declare function getBreakpointInfo(
  breakpoint: BreakpointKey | number
): {
  name: string;
  value: number;
  css: string;
  px: string;
  up: string;
  down: string;
  only: string;
};

/** 检查断点是否存在 */
export declare function breakpointExists(name: string): boolean;

/** 列出所有可用的断点 */
export declare function listBreakpoints(): {
  breakpoints: Array<{
    name: string;
    value: number;
    css: string;
    px: string;
  }>;
  aliases: Array<{
    alias: string;
    target: string;
  }>;
};

/** 生成响应式工具类名映射 */
export declare function responsiveClasses(
  baseClassName: string
): Record<string, string>;